/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* COLORS
	blue: #276087 
	dark blue: 183c54 
	darker blue: 112a3b
	red: 92150F
	yellow: C2D10A

*/

/*HEADER*/

body.error404 .x-header-landmark{ display:none; }

/*MENU*/

.x-navbar .desktop .x-nav > .current-menu-item > a{ box-shadow: inset 0 4px 0 0 #ea9f46; }

.x-navbar{
	background-color: #276087;
	color:#fff;	
	border-bottom: 1px solid #183c54;
}

#header_widget_1 .h-widget,
#header_widget_1 .textwidget,
#header_widget_2 .h-widget,
#header_widget_2 .textwidget{
	font-size:24px;
	line-height: 1em;
}

.headerButton .x-btn{ font-size: 18px; }

.x-logobar{ font-family: "Montserrat",sans-serif; }

.x-navbar .sub-menu{
	background-color:#276087;	
}

.x-navbar .desktop #menu-main-navigation.x-nav > li ul{  top: 52px; font-size:16px; }
.x-navbar .desktop #menu-main-navigation.x-nav > li ul li ul{ top: 0; }

.x-navbar .desktop #menu-main-navigation.x-nav > li ul li a:hover{ background-color: #183c54; }

.x-navbar .x-btn-navbar{ margin-bottom: 10px; margin-top: 10px; }

/*FOOTER*/

footer.bottom a{ color:#fff; }
footer.bottom a:hover{ color:#276087; }

/*CONTENT*/

.x-recent-posts a{
	border: none;
	background-color: transparent;
	box-shadow: none;
}

/*HEADINGS*/
.x-main h1, 
.x-main .h1,
.x-main .entry-title{ font-size:300%;  margin-top:0;}

.x-main h2, 
.x-main .h2{ font-size: 250%;  margin-top:0;}

.x-main h3, 
.x-main .h3{ font-size: 200%;  margin-top:0;}

.x-main h4, 
.x-main .h4{ font-size: 150%;  margin-top:0;}

.x-main h5, 
.x-main .h5,
.x-main h6, 
.x-main .h6{ margin-top:0; }

.lead{
    background-color: #DCDEDD;
    padding: 46px;
    font-size: 126%;
    border-top: 3px solid #183c54;	
}

.x-block-grid-item h4{ margin-top:0; }

.bottom-grid img {
    float: left;
    margin-right: 2%;
    width: 48%;
    margin-bottom: 2%;
}

.x-main a img:hover, 
.x-sidebar a img:hover{ opacity: 0.7; }

/*SLIDER*/
.x-slide img,
.x-slide p{ margin-bottom:0; }

/*FOOTER*/

.x-colophon .widget{ margin-top:1.5em; }

footer.x-colophon.top{
	background-color: #E4E6E5;	
	border:none;
	box-shadow:none;
	text-shadow:none;
	color:#666;
}

footer.x-colophon.bottom{
	background-color: #183c54;	
	border:none;
	box-shadow:none;
	text-shadow:none;
	color:#aaa;
}

/*SOCIAL*/
footer .socialFooter{ 
	text-align:center;
	max-width: 250px;
    margin: auto; 
} 
footer .socialFooter a {
    font-size: 40px;
    margin-right: 12px;
}
.socialFooter a .x-icon-facebook-square:hover{ color:#3B5998; }
.socialFooter a .x-icon-google-plus-square:hover{ color:#DB4437; }
.socialFooter a .x-icon-instagram:hover{ color:#D5C7AA; }
.socialFooter a .x-icon-pinterest-square:hover{ color:#BD081C; }
.socialFooter a .x-icon-tumblr-square:hover{ color:#36465D; }
.socialFooter a .x-icon-twitter-square:hover{ color:#1DA1F2; }
.socialFooter a  .x-icon-youtube-square:hover{ color:#FF0A0A;  }
.socialFooter a  .x-icon-linkedin-square:hover{ color:#0073B0;  }

/*CALLOUTS*/

.callout{
	  position: relative;
	  margin: 20px 0;
	  border: 1px solid #ebebeb;
	  padding: 50px;
	  font-size: 21px;
	  font-size: 2.1rem;
	  background-color: #f7f7f7;
	  border-radius: 0.5em;
	  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.95),0 1px 3px rgba(0,0,0,0.05);
	  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.95),0 1px 3px rgba(0,0,0,0.05);	
}

.callout:before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 14px;
	  left: 14px;
	  right: 14px;
	  bottom: 14px;
	  border: 1px solid #ebebeb;
	  background-color: #fff;
	  border-radius: 0.275em;
	  z-index: 0;
	  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 0 rgba(255,255,255,0.95);
	  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 0 rgba(255,255,255,0.95);
}

.callout .h-callout {
  position: relative;
  margin-top: 0;
  margin-bottom: 0.45em;
  font-size: 40px !important;
  line-height: 1.4;
  text-align:center;
}

.callout .h-callout.green { color: #089342; }
.callout .h-callout.blue { color: #006c95; }

.callout .p-callout{
  position: relative;
  line-height: 1.2;
  font-size: 23px !important;
  text-align:center;
  margin-bottom: 0.45em;
}

.callout .p-callout:last-of-type{ margin-bottom:0; }

.p-callout .btn{
	text-transform:none;	
	margin-bottom:6px;
}

.p-callout .btn.blue{
  border: 1px solid rgba(0,95,113,0.4);
  background-color: #006C95;
}

.p-callout .btn.green{
  border: 1px solid rgba(7,132,159,0.4);
  background-color: #089342;
}

.p-callout .icon-phone{ color:#E27600; }
.p-callout .icon-phone:before{ margin-right:6px; }

.p-callout .clicktocall{ color:#444; }

/*END CALLOUTS*/

/****RESPONSIVE**/
/* Smartphones */
@media (max-width: 480px) {
	.x-main .el1.x-section{ margin-bottom: 0;  padding-bottom: 0; }
	
	#header_widget_1{ margin-top: 18px; }
	#header_widget_2{ display: none; }
	
	.x-logobar .x-column.x-md.x-1-3 {
    	margin-bottom: 10px;
	}
	.x-logobar-inner{ padding-bottom:0; }

	footer .x-column.last{
		text-align:center;	
	}
	.socialFooter{ float:none; }

/*Callout mobile fixes*/
	.callout{
		padding: 24px 15px;	
		border-radius: 0.25em;
	}
	.callout:before{
		top: 6px;
		left: 6px;
		right: 6px;
		bottom: 6px;	
	}
	.callout .h-callout{ font-size: 30px !important; }
	.callout .p-callout{ font-size: 20px !important; }
	.callout .p-callout.email{ font-size:0.45em !important; }
	
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	.x-main .el1.x-section{ margin-bottom: 0;  padding-bottom: 0; }
	
	#header_widget_1{ margin-top: 18px; }
	#header_widget_2{ display: none; }
	
	.x-logobar .x-column.x-md.x-1-3 {
    	margin-bottom: 10px;
	}
	.x-logobar-inner{ padding-bottom:0; }
	
	footer .x-column.last{
		text-align:center;	
	}
	.socialFooter{ float:none; }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 979px) { 
	.x-logobar .x-column.x-md.x-1-3 {
    	margin-bottom: 10px;
	}
	
	footer .x-column.last{
		text-align:center;	
	}
	.socialFooter{ float:none; }
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {  
	footer .x-column.last{
		text-align:right;	
	}
	.socialFooter{ float:right; }
}

/* Large Display */
@media (min-width: 1200px) { 
	
	#header_widget_1{ margin-top: 14px; text-align: right; }
	#header_widget_2{ margin-top: 20px; text-align: right; }
	
	footer .x-column.last{
		text-align:right;	
	}
	.socialFooter{ float:right; }
}