/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* original css */
.menu01:hover {background-color: #bad8fa;}
.linkovertags:hover {color:#55c8f3;}
.linkovertags {color:#c9c7c7;}
.text {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 17pt;
}
.booktext {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 15px;
  line-height: 16pt;
}
.subtext {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 17pt;
}
.subject-menu {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 14px;
  line-height: 19pt;
}
.maintitle {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #0C5E89;
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
}
.subtitle {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #232323;
  font-size: 17px;
  line-height: 18pt;
}
.booksby {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 14px;
  line-height: 17px;
}
.highlights {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #0C5E89;
  font-size: 16px;
  line-height: 18pt;
}		
.wtext {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 16px;
  line-height: 17pt;
}
.menutext {
  font-family: Maven Pro, Century Gothic, Helvetica, sans-serif;
  color: #4b4b4b;
  font-size: 14px;
  line-height: 16pt;
}

/* below this line is created by mike */
body
{
  font-family:  Maven Pro, Century Gothic, Helvetica, sans-serif;
  margin: 0;
}
a:link
{
  color: 4b4b4b;
  text-decoration: none;
}
a:visited
{
  color: #4b4b4b;
  text-decoration: none;
}
a:hover
{
  color: #56a3ff;
  text-decoration: none;
}
#stickyheader
{
  background-image: url("/images/header-bg.jpg");
  background-position: center;
  width: 100%;
  height: 120px;
  z-index: 9999;
  position: fixed;
  top: 0;
}
a.white:link
{
  color: ffffff;
  text-decoration: none;
  font-family: Roboto, Maven Pro, Century Gothic, Helvetica, sans-serif;
}
a.white:visited
{
  color: #ffffff;
  text-decoration: none;
}
a.white:hover
{
  color: #d2e5fc;
  text-decoration: none;
}
#topleft
{
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 1% 0 2% 2%;
}
#topright
{
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 2% 2% 0 3%;
}
#middlemenu
{
  position: absolute;
  text-align: center;
  width: 100%;
  top: 58px;
}
.menu1
{
  list-style: none;
}
.menu1li
{
  display: inline-block;
  font-size: 14pt;
  font-weight: normal;
  padding:0 15px 0 15px;
}
.imgmenu
{
  padding:0 5px 0 0;
  vertical-align: middle;
}
#bottommenu
{
  position: absolute;
  text-align: center;
  width: 100%;
  top: 120px;
}
.menu2
{
  list-style: none;
}
.menu2li
{
  display: inline-block;
  font-size: 13pt;
  padding:0 10px 0 10px;
}

#subjectmenu
{
  position: relative;
  top: 128px
}

#bodycontent
{
  position: relative;
  top: 120px;
}
#subjectmenutable
{
  width: 100%;
  border-collapse: collapse;
  border-bottom: 8px solid #667bae;
}
#subjectmenutable tr
{
  padding: 0; 
}
#subjectmenutable td
{
  padding: 0 0 0 10px;
  font-size: 17px;
  /*vertical-align: top;*/
}
.newsimage
{
  text-align: right;
}

#bodycontainer
{
  max-width: 1048px;
  margin: 0 auto;
  position: relative;
  top: 118px;
}

.booksection
{
  width: 25%;
  text-align: center;
  padding: 1% 0 1% 0;
  float: left;
}

#socialmedia
{
  width: 48%;
  margin:1.5% 2% 0 0%;
  float: left;
  text-align:center;
}

#socialmedia img
{
  width:100%;
}

#nobel
{
  width: 46%;
  margin:1.5% 2% 1.5% 2%;
  float: left;
  text-align:center;
}

#nobel img
{
  width:96%;
  /*width:90%;*/
}

#instagramfeed
{
  height: 160px;
  width: 480px;
}

#facebookfeedsmall
{
  display: none;
}
/*#facebookfeed
{
  width: 500px;
  height: 340px;
}*/
	
#bottom
{
  background-color: #252525;
  width: 100%;
  padding: 1% 0 0 0;
  line-height: 20px;
  float: left;
  position: relative;
  top: 120px;
}

#resources
{
  background-color: #252525;
  padding: 1% 1% 1% 6%;
  width: 60%;
  color: #fff;
  font-size: 14px;
  float: left;
}
#events
{
  background-color: #252525;
  padding: 1% 1% 3% 1%;
  width: 26%;
  color: #fff;
  font-size: 14px;
  line-height:18pt;
  float: left;
}
#contact
{
  background-color: #252525;
  padding: 1% 3% 1% 3%;
  width: 23%;
  color: #fff;
  font-size: 14px;
  float: left;
}
#socialicons
{
  background-color: #252525;
  width: 100%;
  text-align: center;
  padding: 0 0 20px 0;
  float: left;
  position: relative;
  top: 120px;
}
#footer
{ 
  background-color: #2b3858;
  /*background-image: url(/images/copyright-bg.jpg);*/
  width: 100%;
  text-align: center;
  /*height: 180px;*/
  padding: 20px 0;
  color: #fff;
  float: left;
  position: relative;
  top: 120px;
}
#footer a
{
  text-decoration:none;
  color: #fff;
}
#copyrightstatement
{
  /*position: absolute;*/
  font-size: 12px;
  text-align: center;
  width: 100%;
  float: left;
  background-color: #2b3858;
  /*top: 148%;*/
}
.header
{
  font-size: 18px;
}
.thin
{
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.thick
{
  border: 0;
  height: 0;
  border-top: 3px solid rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}
#navigation
{
  display: none;
}
#nav-trigger
{
  display: none;
}
#qfront
{
  width: 180px;
}
#goolgemapframe
{
  width:600px;
  height:450px;
}
.tabletoptd
{
  padding:25px 25px 25px 15px;

}
.dropdowncontent
{
  display: none;
}
.dropdowncontent ul
{
  padding: 0 0 0 10px;
  list-style: none;
}
.bookpagetd
{
  width: 25%;
  text-align: center;
  padding: 0 0 15px 0;
}

/*device screen with 1024px and below*/
@media only screen and (max-width : 1048px) and (orientation: landscape)
{
  .menu2li
  {
    font-size: 12pt;
  }
}

/*device screen with 820px and below*/
/*devices - ipad*/
@media only screen and (max-width : 820px)
{
  #bottommenu
  {
    top: 100px;
  }
  .menu2li
  {
    font-size: 12pt;
	padding:0 5px 0 5px;
  }
  .imgmenu
  {
    display:none;
  }
  
   .booksection
	{
    width: 25%;
    float: left;
    text-align: center;
    padding: 1% 0 1% 0;
	}
	  
	#socialmedia
	{
	  width: 58%;
	  margin:0 2% 0 0%;
	  float: left;
	}
	
	#socialmedia img
	{
	  width:100%;
	}
	
	#nobel
	{
	  width: 36%;
	  margin:0 2% 0 2%;
	  float: left;
	}
	
	#nobel img
	{
	  width:100%;
	}

  .bookimg
  {
    width:100%;
  }

  #authorfeature
  {
    width: 100%;
	padding: 1% 1% 1% 1%;
  }
  #authorsocial
  {
    width: 100%;
	padding: 1% 1% 1% 1%;
  }
  #newsimg
  {
    display: none;
  }
  #bottom
  {
	height: auto;
	background-color: #ffffff;
  }
  #events
  {
    width: 100%;
	height: auto;
	padding: 1% 1% 1% 1%;
  }
  #resources
  {
    width: 100%;
	height: auto;
	padding: 1% 1% 1% 1%;
  }
  #contact
  {
    width: 100%;
	height: auto;
	float: left;
	padding: 1% 1% 1% 1%;
  }
  #socialicons
  {
	float: left;
	height: auto;
	padding: 0 0 0 0;
  }
  #footer
  {
	padding: 0;
  }
}

/*device screen with 620px and below*/
@media only screen and (max-width : 620px)
{
  #subjectmenutable td
  {
    float: left;
    clear: left;
    width: 100%;
  }
  #newsimg
  {
    display: none;
  }
  #subjectmenu
  {
    display: none;
  }
  #middlemenu
  {
    display: none;
  }
  #bottommenu
  {
    display: none;
  }
  #stickyheader
  {
    height: 100px;
  }
  #qfront
  {
    width: 160px;
  }
  #topright
  {
    top: 80px;
  }
  #topleft
  {
    top: 5px;
  }

/* ---------- mobile left side menu start here --------- */
  #navigation
  {
    display: block;
  }
  #nav-trigger
  {
    display: block;
  }
  /* Navigation Menu - Background */
  .navigation
  {
    /* critical sizing and position styles */
    width: 100%;
    height: 100%;
	/*position: relative;*/
    position: absolute;
    top: 0;
    /*right: 0;
    bottom: 0;*/
    left: 0;
    z-index: 0;
  
    /* non-critical appearance styles */
    list-style: none;
    background-color: white;
	margin: 0;
	padding: 0;
  }

  /* Navigation Menu - List items */
  .nav-item
  {
    /* non-critical appearance styles */
    width: 200px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
	list-style: none;
	font-size: 14px;
  }

  .nav-item a
  {
    /* non-critical appearance styles */
    display: block;
	padding: 5px;
    /*padding: 1em;*/
    /*background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);*/
    color: black;
    text-decoration: none;
    transition: color 0.2s, background 0.5s;
  }

  /* subject menu */
  .nav-item > div > ul
  {
    list-style: none;
	margin: 0;
	padding: 0;
  }

  .nav-item > div > ul > li
  {
    padding: 0 0 0 10px;
    list-style: none;
	border-bottom: 1px solid grey;
  }

  .menutitle
  {
    /*text-transform: uppercase;*/
	font-weight: bold;
	padding: 0 0 0 5px;
	border-bottom: 2px solid black;
  }

  .nav-item a:hover
  {
    color: grey;
	font-weight: bold;
    /*background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(75,20,20,0.65) 100%);*/
  }

  /* Site Wrapper - Everything that isn't navigation */
  .site-wrap
  {
    /* Critical position and size styles */
    min-height: 100%;
    min-width: 100%;
	/*height:auto;*/
    background-color: white; /* Needs a background or else the nav will show through */
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
  
    /* non-critical apperance styles */
    /*padding: 4em;*/
    /*background-image: linear-gradient(135deg, rgb(254,255,255) 0%,rgb(221,241,249) 35%,rgb(160,216,239) 100%);*/
    /*background-size: 200%;*/
  }

  /* Nav Trigger */
  .nav-trigger
  {
    /* critical styles - hide the checkbox input */
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }

  label[for="nav-trigger"]
  {
    /* critical positioning styles */
    position: fixed;
    left: 10px;
	top: 60px;
    z-index: 2;
  
    /* non-critical apperance styles */
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url("/images/menu-icon.png");
    background-size: contain;
  }

  /* Make the Magic Happen */
  .nav-trigger + label, .site-wrap
  {
    transition: left 0.2s;
  }

  .nav-trigger:checked + label
  {
    position: fixed;
    left: 210px;
  }

  .nav-trigger:checked ~ .site-wrap
  {
    left: 200px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
	overflow-y: hidden;
	overflow-x: hidden;
  }

  body
  {
    /* Without this, the body has excess horizontal scroll when the menu is open */
    overflow-x: hidden;
  }
  /* ---------- mobile left side menu end here --------- */


  #bottom
  {
	height: auto;
	background-color: #ffffff;
  }
  #events
  {
    width: 100%;
	height: auto;
	padding: 1% 1% 1% 1%;
  }
  #contact
  {
    width: 100%;
	height: auto;
	float: left;
	padding: 1% 1% 1% 1%;
  }
  #socialicons
  {
	float: left;
	height: auto;
	padding: 0 0 0 0;
  }
  #footer
  {
	padding: 0;
  }
  #leftsidemenu
  {
    display:none;
  }
  .tabletoptd
  {
    padding:5px 5px 5px 5px;
  }
  .tdfull
  {
    width: 100%;
    float: left;
    clear: left;
  }
  .bookpagetd
  {
    width: 100%;
    float: left;
    text-align: left;
	padding: 0 0 15px 30%;
  }
  #rightsidemenu
  {
    display:none;
  }
  #goolgemapframe
  {
    height:300px;
	width:400px;
  }
  .topmenu:hover .dropdowncontent
  {
    display: block;
  }
}



@media only screen and (min-width : 400px) and (max-width : 750px)
{

	.booksection
	{
	  width: 50%;
	  text-align: center;
	  padding: 1% 0 1% 0;
	  float: left;
	}
	  
	#socialmedia
	{
	  width: 96%;
	  margin:0 2% 0 2%;
	  float: none;
	}
	
	#socialmedia img
	{
	  width:100%;
	}
	
	#nobel
	{
	  width: 96%;
	  margin:0 2% 0 2%;
	  float: none;
	}
	
	#nobel img
	{
	  width:100%;
	}

}
  
@media only screen and (max-width : 400px)
{
  .booksection
  {
    width: 100%;
	/*text-align: center;
	padding: 1% 0 1% 0;*/
	float: none;
  }
  
  #socialmedia
  {
    width: 100%;
	margin:0;
	float: none;
  }
  #nobel
  {
    width: 100%;
	margin:0 0 0 0;
	float: none;
  }
  #nobel img
  {
    width:100%;
  }

  #instagramfeed
  {
    width: 100%;
	margin: 1.5% 0 1.5% 0;
  }

  #facebookfeed
  {
    display: none;
	/*width: 100%;
	margin: 0 0 0 0;*/
  }

  #facebookfeedsmall
  {
    display: block;
	/*width: 100%;
	margin: 0 0 0 0;*/
  }

  #bodycontent
  {
    top: 100px;
  }
  #bodycontainer
  {
    top: 120px;
  }
  #bottom
  {
    top: 120px;
    padding: 0 0 0 0;
  }
  #socialicons
  {
    top: 120px;
    padding: 0 0 0 0;
  }
  #footer
  {
    top: 120px;
    padding: 0 0 0 0;
  }
}