/*==========  Large Devices, Wide Screens ==========*/
@media only screen and (max-width: 2200px) {
  
}

@media only screen and (max-width: 2000px) {
  
  
  
}

@media only screen and (max-width: 1800px) {
	.logohome {width:100%; height: 70%;}
	
	.bg-bottomleft {background-size: 18% auto;}
	.bg-bottomright {background-size: 10% auto;}

}


@media only screen and (max-width: 1480px) {
  
 
  .container {width: 95%;}
  
  .theheader .container {}
    
  .thebody {}
	
	.bg-bottomleft {background-size: 24% auto;}
	.bg-bottomright {background-size: 10% auto;}
	
	.thefooter {padding-bottom: 17em;}

  
}


/*==========  Medium Devices, Desktops ==========*/ 
@media only screen and (max-width: 1200px) {
  
	.bg-bottomright {background-size: 15% auto;}
	
  .gdv-nav a, .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted,
  .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted {
    font-size: 22px;
  }
  
  .gdv-nav ul a, .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted,
  .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted {
    font-size: 14px;
  }
  
	.mainbody-bg3 {padding: 0px 40px 0px 40px;}
	
	
	.standardpage  {padding: 0px 0px 0px 0px;}
	.page-content  {padding: 0px 0px 0px 0px;}
	.bookpage {padding: 0px 0px 0px 0px;}
	
	.book-item-default {
		margin: 0px 0px 30px 0px;
		padding: 30px 0px 40px 0px;
		border-bottom: 2px dashed #ccad70;
	}
	
	.book-item-default .twocol-image {width: 30%; padding-bottom: 20px;}
	.book-item-default .twocol-text {width: 70%;}
  
}
@media only screen and (max-width: 1090px) {
  
  
  .homeannounce-title {font-size: 24px; line-height: 36px;}
  
  .newsletterbox-text {display: block; padding: 0px 0px 10px 0px;}
  
  .theheader-gfx {padding-top: 40px;}
  
  .featuredstuff .container {width: 65%;}
  
  
  
}

@media only screen and (max-width: 1040px) {
  
    #main-menu {
      width: 100%;
    }

  /*.main-nav {width: 94%;}*/
  
   .home-sn {padding: 0px 0px 10px 0px;}
  
    .main-nav {width: 100%; margin: 0px; padding: 0px; height: auto; }
  
  .navimain {
    margin-bottom: 0px;
    margin: auto;
		margin-top: 0px;
     width: 100%;
		 padding: 0px;
  }
	.theheader-navigation {margin: 0px; padding: 0px;}
  
  .theheader-navigation-nav {
		width: 100%;
		display: block;
		background-position: top center;
		margin: 0px;
		padding: 15px 0px 0px 0px;
		background: #008692;
background: -moz-linear-gradient(top,  #008692 0%, #00a9bc 100%);
background: -webkit-linear-gradient(top,  #008692 0%,#00a9bc 100%);
background: linear-gradient(to bottom,  #008692 0%,#00a9bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008692', endColorstr='#00a9bc',GradientType=0 );
	border-bottom: 2px solid #027681;
	border-color: rgba(2, 118, 129, 0.50);
	}
  
  .nav-body {
		margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
		height: auto;
  }

  #main-menu {
    border: none;
    background: transparent;
    text-align:left;
    padding: 10px 20px 0px 20px;
  }
  
  #main-menu > li {
    display:block;
    margin-right:0;
    border-color: #027681;
    padding: 6px 10px 6px 10px;
  }
  .gdv-nav a, .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active {font-size: 16px;}
	
	.sectiontitle {background-size: 90% auto;}
  
  .thefooter-sn ul li i {font-size: 30px;}
  .footer-copyright {padding-top: 0px;}
	
	.thesubtitle {font-size: 24px;}
	
	.twocol-image {width: 35%; float: left;}
	.twocol-image img {
		width: 97%;
		height: auto;
		vertical-align: bottom;
}
.twocol-text {padding-left: 20px;}
.thefooter-sn {margin-top: -3em;}
.snsicons {width: 65%;}
.snsicons-home {width: 60%;}
.snsicons ul li {margin: 0 -2.5em 0 0;}
  
  	/*.wp-block-columns {
		display: block;
	}
	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {
		width: 100%;
	}*/
	.wp-block-columns.has-3-columns {
		flex-flow: row wrap;
	}

	.has-3-columns .wp-block-column:first-child {
		flex-basis: 100%;
	}
  
}

@media only screen and (max-width : 992px) {

  .blog-body {width: 64.5%; float: left;}
  .blog-sidebar {width: 33.8%; float: right;}
  
  .bookboxed {width: 32%;}

	.blog-titledate .blog-title {
		font-size: 26px;
		line-height: 38px;
	}
	.blog-contentbody {margin: 0px; padding: 0px;}

}

@media only screen and (max-width: 950px) {
    
  .blog-body {width: 100%; float:none; padding-bottom: 40px; }
  .blog-sidebar {width: 100%; float:none;}
	
	.widget h2 {
	}
	.sb-about-body {padding-top: 5em; }
	.sb-about-sn {padding-bottom: 7em;}
	.sb-about-sn {text-align: right;}
  .sb-about {padding: 20px 20px 20px 20px;}
  .sb-about-image {width: 40%; float: left; }
  .sb-about-content {width: 57%; float: right; text-align: left; padding-top: 30px;}
  .sb-about-heading {text-align: center;}
	
	ul.about_me_stuff li {width: 33%;}
	
	.sb-about-heading {display: none;}
	.sb-about-heading-mobile {display: block;}
	
	.sectiontitle h1 {font-size:40px;}
	.sectiontitle h1 span.shdeco img {height: 38px; width: auto;}
	
	.thefooter {padding-bottom: 15em;}

  
}


/*==========  Small Devices, Tablets  ==========*/

@media only screen and (max-width: 850px) {
  
  
}

@media only screen and (max-width : 820px) {
      
  .main {padding: 0px 20px 20px 20px;}
  
  .sectiontitle h1 {font-size:36px;}
  
   td.eventsentry-date, td.eventsentry-time {
    width: 50%;
    display: block;
    float: left;
  }
  td.eventsentry-venue {clear: both; width: 100%; display: block;}
	
	.thefooter {padding-bottom: 10em;}
	 
	.thefooter-sn {padding: 10px 0px 0px 0px;}
  .footer-copyright {font-size: 12px; line-height: 20px;}
	.thefooter-sn ul li {padding: 0px 4px 0px 4px;}
	.thefooter-sn ul li i {font-size: 32px;}
  
  .bookboxed {width: 49%;}
  
  .bookscatalog {background-image: none; padding: 0px;}
  .bookboxeditem {width: 33%; padding: 10px 10px 10px 10px; }
  .bookitem {padding: 0px;}
	
	/* .blogarchive-item {
		margin: 0px 0px 10px 0px;
		padding: 10px 10px 10px 10px;
	}*/
	
	.snsicons ul li {margin: 0 -1.5em 0 0;}
	
	.header-logo img {width: 65%; height: auto;}
  
}

@media only screen and (max-height: 450px) and (orientation: landscape) {
	
	.snsicons-home {width: 40%;}
	
}

@media only screen and (max-width: 680px) {
       
		.sectiontitle h1 span.shdeco {display: none;}
		
  td.eventsentry-date, td.eventsentry-time {
    width: 100%;
    display: block;
    float: none;
  }
  .eventphotographic {
      float: none;
      width: 100%;
      margin: 0px 0px 20px 0px;
    }
    td.eventsentry-date, td.eventsentry-time, td.eventlisting-eventdetails, td.eventlisting-photo {
    width: 100%;
    display: block;
    float: none;
  }
  .eventslisting tr td.eventlisting-photo {width: 100%; display: block; float: none; padding: 20px 20px 0px 20px;}
  .eventslisting tr td.eventlisting-eventdetails {padding: 5px 20px 20px 20px;}
  
  .bookboxeditem {width: 50%;}
	
	ul.about_me_stuff li {width: 50%;}
  
}

@media only screen and (max-width: 610px) {
	
  .blog-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    padding: 0px 0px 15px 0px;
  }
  
  .theblogpost {font-size: 14px;}
  
  .twocol-image, .book-item-default .twocol-image {width: 100%; float: none; padding-bottom: 20px;}
  .twocol-text, .book-item-default .twocol-text {width:100%; float: none;}
	.twocol-text {padding-left: 0px;}
  
  .home-mailinglist {width: 80%;}
  .mc-field-group {width: 100%; float: none;}
  .mlistbutton {float: none; margin: 10px auto 0px auto;}
  
  .home-sn {margin-top: 20px;}
  
  .form-1col {padding-right: 0px;}
  .form-2col {width: 100%; float: none; padding-right: 0px;}
  
  .form-item {padding: 0px 20px 30px 0px;}
  
  .newsletterbox-text {width: 75%; margin: auto; margin-bottom: 20px;}

  .thefooter-sn ul li {padding: 0px 3px 0px 3px;}
  .thefooter-sn ul li i {font-size: 22px;}
  
  .footer-copyright {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: normal;
    padding: 0px 20px 0px 20px;
  }
  
  
}

@media only screen and (max-width: 610px) and (orientation: landscape) {
  
  .home-mailinglist {width:60%;}
  .mc-field-group {
    width: 100%;
    width: calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    float: left;
  }
  .mlistbutton {width: 120px; float: right; height: 40px; margin: 0px;}
  
  .home-bottom-spacer img {height: 85px;}
  
  .home-sn {margin-top: 0px;}
  
}

@media only screen and (max-width: 580px) and (orientation: landscape) {
   
   .home-mailinglist {width: 70%;}
   .home-bottom-spacer img {height: 35px;}
}


/*==========  Extra Small Devices, Phones  ==========*/

@media only screen and (max-width: 500px) {
   
  .thefooter ul li div.copyright {
    text-align: center;
    padding-left: 0px;
    display: block;
    padding-top: 10px;
  }
  
  .logo {
        padding: 20px 0px 15px 0px;
  }
  
  .standardpage {padding: 0px 0px 20px 0px;}
  .book-buylinks {padding: 5px 0px 5px 0px;}
  .book-buylinks img {height: 40px; width: auto;}
  
  .sb-about-image {width: 100%; float: none; text-align: center;}
    .sb-about-image img {width: 80%; height: auto;}
  .sb-about-content {width: 100%; float: none; text-align: center; padding: 10px 20px 0px 20px;}
	
	.sb-about-body {padding-top: 4em; }
	.sb-about-sn {padding-bottom: 5em;}
	.sb-about-sn {text-align: center;}
  
  
  .bookboxed {
    width: 100%;
    display: block;
  }
  
  	.wp-block-columns.has-3-columns {
		display: block;
	}

	.wp-block-column {
		margin: 20px 0;
	}
    
    img.alignright {width:100%; height: auto; margin:0 0 20px 0;}
    img.alignleft {width:100%; height: auto; margin:0 0 20px 0;}
    img.aligncenter {width:100%; height: auto; margin:0 0 20px 0;}
    a img.alignright {width:100%; height: auto; margin:0 0 20px 0;}
    a img.alignleft {width:100%; height: auto; margin:0 0 20px 0;}
    a img.aligncenter {width:100%; height: auto; margin:0 0 20px 0;}
  
}



/*==========  Custom, iPhone Retina  ==========*/

@media only screen and (max-width : 350px) {
  
   ul.about_me_stuff li {width: 100%;}
  
}