@charset "UTF-8";
/* CSS Document */

body { background: url(../img/cohb_1020.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -0-background-size: cover; background-size: cover; font-family: josefin-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1em; }

.siteLogo { max-height: 70px; }

footer {position: fixed; bottom: 0; width: 100%; margin-top: 1em; padding: .5em; background-color: rgba(0, 0, 0, 0.8);}

.top-bar-right a { color: #8ccee6; }

a { color: #8ccee6; }
label { color: #fff; }

ul.menu {font-size: 1.6em; font-weight: 400;}

/* FOOTER START */
.socialIcon { opacity:0.5; max-height: 20px;  }
.socialIcon:hover { opacity:1; background:transparent; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }

/* FOOTER END */


/* HOME PAGE STYLES START */
.homePage .top-bar {background-color: rgba(0, 0, 0, 0.8); padding: 0rem; }
.homePage .callout {background: transparent; border: 0;}
.homePage .top-bar ul {background-color: transparent;}
.homePage .top-bar-right { background-color: rgba(0, 0, 0, 0.5); padding: 0.8em; border-radius: 1em 0 0 1em;}

.homePage .callout h1 { font-family: josefin-sans, sans-serif; color: #fff; font-weight: 300; font-style: normal; box-shadow: none;}

.bio { background-color: rgba(0, 0, 0, 0.8); color: #eee; padding: 1em; margin: 1em auto; border-radius: 1em; font-size: 1.5em; }
.bio a {color: #8ccee6;}
div.firstLine {border-left: 0px solid rgba(140, 206, 230, 0.2); width: 2px; height: 100%; margin-top: 4.7em;
  position: absolute;
  top: 1em;
	left: 1em;
  animation-name: firstLine;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
	animation-timing-function: ease;
	background-color: rgba(140, 206, 230, 1.0);
	width: 10px;}

/* HOME PAGE STYLES END */

/* CONTENT PAGE STYLES START */

.inside {margin: 1em;}

p {font-size: 1.2em;}

p a {color: #1B6079; font-weight: 400;}

h1, h2, h3, h4 {font-family: josefin-sans, sans-serif;}

h2 {font-size:1.9em; line-height: 1em; color: #666666;  }

#pageHeader p {margin-top: 1em; font-size: 1.3em;}

.accordion-title {color: #666666;}
.accordion-item:first-child > :first-child { border-radius: 1em 1em 0 0; }
.accordion-title::before {font-size: 2em;}

section {margin-bottom: 2em;}
section p {margin-left: 1em;}

/* CONTENT PAGE STYLES END */



@keyframes firstLine {
  from {left: 2%; background-color: rgba(140, 206, 230, 1.0);}
  to {left: 98%; background-color: white;}
}

div.secondLine {border-left: 1px solid #ffffff; width: 2px; height: 100%; margin-top: 4.7em;
  position: absolute;
	top: 1em;
	left: 1em;
  animation-name: secondLine;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  animation-delay: 0.2s;}

@keyframes secondLine {
  from {left: 2%; background-color: #ffffff;}
  to {left: 98%; background-color: darkgray;}
}

div.thirdLine {border-left: 1px solid #8ccee6; width: 2px; height: 100%; margin-top: 4.7em;
  position: absolute;
  top: 1em;
	left: 1em;
  animation-name: thirdLine;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
	animation-timing-function: ease-in;}

@keyframes thirdLine {
  from {left: 2%; background-color: #8ccee6;}
  to {left: 98%; background-color: white;}
}



/* HOME PAGE STYLES END */


/* MOBILE */

@media (max-width: 480px) {

	.homePage .callout.large {padding: 0.5em; }
	ul.menu {font-size: 1.1em; font-weight: 300;}
	ul.menu a {color: #8ccee6;}

	.bio { margin: 1em 0; font-size: 1.1em; }
    .homePage .top-bar-right { border-radius: 0em; }

    .footer { display: none; }
    .show, .footer:hover { display: block; }
    
    div.firstLine {margin-top: 8.8em;}
    div.secondLine {margin-top: 8.8em;}
    div.thirdLine {margin-top: 8.8em;}
}


/* hide footer js css https://codepen.io/labanino/pen/mexgmL */


/* Josefin Sans 
Josefin Sans Bold Italic
font-family: josefin-sans, sans-serif;
font-weight: 700;
font-style: italic;


Josefin Sans Bold
font-family: josefin-sans, sans-serif;
font-weight: 700;
font-style: normal;


Josefin Sans Italic
font-family: josefin-sans, sans-serif;
font-weight: 400;
font-style: italic;


Josefin Sans Regular
font-family: josefin-sans, sans-serif;
font-weight: 400;
font-style: normal;


Josefin Sans Light
font-family: josefin-sans, sans-serif;
font-weight: 300;
font-style: normal;

Josefin Sans Light Italic
font-family: josefin-sans, sans-serif;
font-weight: 300;
font-style: italic;
*/