/*
 */

/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #212121;
}

body {
	font-size: 14px;
	line-height: 1.4em;
	font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	font-weight: 400;
}	



h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Garamond', serif;
	color: rgb(42, 0, 0);
	font-weight: 500;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h1 {
	font-size: 3.5em;
	color: rgba(213, 112, 72, 0.963);
	margin: 33px 0;
}

h2 {
	font-size: 2.4em;
	margin: 25px 0;
}

h3 {
	font-size: 2em;
	margin: 22px 0;
}

h4 {
	font-size: 1.6em;
	margin: 25px 0;
}

h5 {
	font-size: 1.2em;
	margin: 30px 0;
}

h6 {
	font-size: 1em;
	margin: 20px 0;
}


p {
	margin: 0 0 3% 0;
	font-size: 1.2em;
	line-height: 1.7em;	
}

/* Links */
a {
	color: #ffa00a;
	text-decoration: none;
}

a:hover,
a:visited {
	color: #FFA00A;
	text-decoration: none;
}




ul {
	list-style-type: square;
	font-size: 1.2em;
	line-height: 1.6em;
}

li {
	margin-bottom: 3%;
}



#navbar {
	background-color: rgba(255, 255, 255, 0.831);
	padding: 0;
}

#navbar a{
	color: #F1D8B1;
	text-shadow: 1px 1px 2px #2B3124;
}

.navbar-nav {
	margin-left: -15px;
	 margin-right: 0px;
}


.nav a:hover{
	background: none !important;
}
.nav a:focus{
	background: none !important;
}



.nav li{ 
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 700;
	
	}
	
.collapse {
	  display: block;

	}	
 

.calbtnAlign {
	text-align: center;
	padding: 0 0 2% 0;	
	}
	
.calbtn {
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0;
	border: 0px solid #171E31;
	background-color: #F1D8B1;
	color: #D7754F;
	padding: 10px 25px;
	text-decoration: none !important;
}


.calbtn:visited {
	color: #D7754F;
	background-color: #F1D8B1;
}

.calbtn:hover {
	color: #F1D8B1;
	background-color: #D7754F;
	border-color: none;
	text-decoration: none;
}




/**
 * Homepage
 * ----------------------------------------------------------------------------
 */
 
#hero {
   background-position: center center;
   background-size: cover;
   background-attachment: relative;
   background-image: url('/wp-content/themes/calypso/assets/img/hero_1.jpg');
   height: 550px;
   margin-bottom: 40px;
 }
 
 #heroalt {
   background-position: center center;
   background-size: cover;
   background-attachment: relative;
   background-image: url('/wp-content/themes/calypso/assets/img/p/outside_02.jpg');
   height: 250px;
   margin-bottom: 40px;
 }



 
#herohead {
	text-align: center;
}

#herohead h1{
	color: rgba(213, 112, 72, 0.963);
	font-size: 4.5em;
}





hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #a4a4a4;
	border-bottom: none !important;
	margin: 4% 0;
}

.wp-block-separator {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #a4a4a4 !important;
	border-bottom: none !important;
	margin: 4% 0%;
}


/**
 * Page
 * ----------------------------------------------------------------------------
 */
 
 #page {
	padding: 0 0 55px 0;
  }
 
 #page h1 {
	 text-align: center;
 }
 
 #page h2 {
	  margin-top: 0;
  }
 
.wp-image-5524 {
	margin-bottom: 20px;
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */
 

 
#footer {
	background-color: #FCD6C7;
	margin: 0;
	padding: 20px 0 5px 0;
	color: white;

}


#herofoot {
	padding: 2% 0 5% 0;
	text-align: left;
}

#herofoot p{
	font-size: 1.4em;
	text-transform: none;
	font-weight: 400;
	line-height: 1.8em;
}

#herofoot h3{
	font-size: 1.8em;
	text-transform: none;
	font-weight: 500;
}


#footerlogo {
	padding: 15% 35%;
}

#footer a{
	color: white;
}

#copyright {
	padding: 20px 0 0 0;
}

#footinfo p{
	text-align: left;
	color: white;
	font-size: 1.2em;
	font-weight: 500;
	margin: 0;
	padding: 20px 0 20px 0;
}

#footadd p{
	text-align: center;
	color: #D7754F;
	font-size: 1.3em;
	font-weight: 500;
	margin: 0;
	padding: 20px 0 0 0;
	text-transform: uppercase;
}

#footadd i{
	margin: 0 8px;
}

#footloc {
	text-align: right;
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 1px solid #b1b1b1;
	font-family: inherit;
	padding: 5px;
	font-size: 13px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}



/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #FFA00A; /* Old browsers */
	border: none;
	color: #fff;
	display: inline-block;
	padding: 5px 15px 5px;
	text-decoration: none;
	text-transform: uppercase;
}







/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
 
 /* Images */
 .alignleft {
	 float: left;
 }
 
 .alignright {
	 float: right;
 }
 
 .aligncenter {
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 figure.wp-caption.alignleft,
 img.alignleft {
	 margin: 5px 20px 5px 0;
 }
 
 .wp-caption.alignleft {
	 margin: 5px 10px 5px 0;
 }
 
 figure.wp-caption.alignright,
 img.alignright {
	 margin: 5px 0 5px 20px;
 }
 
 .wp-caption.alignright {
	 margin: 5px 0 5px 10px;
 }
 
 img.aligncenter {
	 margin: 5px auto;
 }
 
 img.alignnone {
	 margin: 0 0% 0 0%;
 }
 
 .wp-caption .wp-caption-text,
 .entry-caption,
 .gallery-caption {
	 color: #220e10;
	 font-size: 0.9em;
	 font-style: italic;
	 font-weight: 500;
	 margin: 3px 0 24px;
 }
 
 
 .entry-content img.alignleft,
 .entry-content .wp-caption.alignleft {
	 margin-left: 0px;
 }
 
 .entry-content img.alignright,
 .entry-content .wp-caption.alignright {
	 margin-right: 0px;
 }
 
 
 
 div.wp-caption.alignright img[class*="wp-image-"] {
	 float: right;
 }
 
 div.wp-caption.alignright .wp-caption-text {
	 padding-left: 10px;
 }
 
 img.wp-smiley,
 .rsswidget img {
	 border: 0;
	 border-radius: 0;
	 box-shadow: none;
	 margin-bottom: 0;
	 margin-top: 0;
	 padding: 0;
 }
 
 .wp-caption.alignleft + ul,
 .wp-caption.alignleft + ol {
	 list-style-position: inside;
 }
 
 
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

iframe.noScrolling{
		width: 100%; 
		height: 500px;
		overflow: hidden;
		margin-top: 5%;
		}




#einmaleins p {
  font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
  color: white;
  font-size: 0.7em;
  font-weight: 500;
  text-align: right !important;
  padding: 0;
  text-transform: uppercase;
}

#einmaleins span{
  margin-top: 35px;
}

#einmaleins img{
  width: 5%;
  margin: 0 0 0 5px;
  float: right;
}

   .navbar-toggle {
	display: none;
   }	

/* MEDIA QUERIES */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */


	
		
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */

	

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
/* For iPhone portrait layouts only */ 

	#footer {
		margin: 0;
		padding: 0;
		padding-bottom: 10px; 	
	}
	
	#footerlogo {
		padding: 5% 40% 0 40%;
	}
	
	.navbar-toggle {
	  border: none;
	  float: none;
	  z-index: 1000;
	  margin: 0 auto 5px auto;
	  padding: 0;
	  display: block;
	  font-size: 1.5em;
	  color: #FFA00A;
	  background-color: none;
	  border: none;
	  padding: 10px 0 10px 0;
	  
	}

	.collapse {
		 display: none;
	   }
	   
   #topheader p {
	   font-size: 1em;
   }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
  /* For iPhone landscape layouts only */




}