/*
Theme Name: Coaster-Construction
Theme URI: http://crowerks.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.1
Author: crowerks llc
Author URI: http://crowerks.com
Tags: anomolous, bootstrap,  one-column, flexible-width, responsive, custom, custom-colors, custom-menu, full-width-template, crow, dinosaurs, rockets
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
/*
.row {
	width  : 100% !important;
	margin : 0;
}*/
body {
	background-color: #193F5B;
	font-size: 20px;
  line-height: 1.6;
}
/*
	NEW COLOR BLUE:
	05.14.19
	#193F5B
*/
.container {
	max-width: 100%;
	width: 100%;
}
.holder,
.post_content {
	max-width: 1024px;
	display: block;
	margin: 0 auto;
}

.all0 {
	padding-top    : 0;
	padding-bottom : 0;
	padding-right  : 0;
	padding-left   : 0;
}

td {
	vertical-align : top;
}

p {
}

.grecaptcha-badge {
    display: none;
}


.dropdown:hover .dropdown-menu {
	display : block;
}

a {
	text-decoration : none;
}

/* =============================================================================
                                                 Cover the Basics
============================================================================= */
.force-carousel-height {
	height: 800px;
}
.boxshadow {
	box-shadow         : 0 0 6px #515151;

	-moz-box-shadow    : 0 0 6px #515151;
	-webkit-box-shadow : 0 0 6px #515151;
}

.shadow-bottom {
	box-shadow         : 0 6px 6px -2px #515151;

	-webkit-box-shadow : 0 6px 6px -2px #515151;
	-moz-box-shadow    : 0 6px 6px -2px #515151;
}

/* Hide Nav Arrow Drop */
.caret {
	display : none;
}

/* Help WordPress Alignment */
img.alignright {
	float  : right;
	margin : 10px 20px 10px 10px;
}

img.alignleft {
	float  : left;
	margin : 10px 10px 10px 20px;
}

img.aligncenter {
	display      : block;

	margin-right : auto;
	margin-left  : auto;
}

.alignright {
	float : right;
}

.alignleft {
	float : left;
}

.aligncenter {
	display      : block;

	margin-right : auto;
	margin-left  : auto;
}
.post_content {
margin-top: 0;
}

/* Banner Image  */
.featured-image-holder{max-height:400px;overflow:hidden;margin-bottom:0}
@media only screen and (max-width: 576px){
	.featured-image-holder{max-height:640px}}
@media only screen and (min-width: 576px) and (max-width: 992px){
	.featured-image-holder{max-height:600px}}
@media only screen and (min-width: 992px){
	.featured-image-holder{max-height:550px}}
@media only screen and (min-width: 1200px){
	.featured-image-holder{max-height:450px}
	.featured-image-holder img{margin-top:-100px}}
@media only screen and (min-width: 1600px){
	.featured-image-holder{max-height:400px}
	.featured-image-holder img{margin-top:-200px}}
.featured-image-holder img{max-width:auto;width:100%}
.single-banner{width:100%;max-width:100%}

.title-holder {
	display: none;
}
/* =============================================================================
                                                  Nav and Div Style
============================================================================= */
#divnav {
	top                       : 0px;
	left                      : 0px;
	z-index                   : 500;

	height                    : 118px;
	width                     : 100%;

	/* background-color: #761F01;
	background-position       : bottom;
	background-repeat         : repeat-x;
	background-image:url(https://coasterconstruction.com/images/bg/navbg.jpg); */
}

#divfooter {
	z-index     : 150;

	min-height  : 160px;
	width       : 100%;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 1em;
	color       : #193F5B;
	line-height : 1.6em;
	border-top  : solid 4px #9DC0C1;
}
.blue-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,193f5b+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #193f5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#193f5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#193f5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#193f5b',GradientType=0 ); /* IE6-9 */

}

#main {
background-color: #FFFFFF;
padding-top: 15px;
}
#sidebar1 {
background-color: #FFFFFF;
padding-top: 45px;
padding-bottom: 30px;
}
#main article {
margin-bottom: 2px;
border-bottom: 1px solid #9DC0C1;
padding: 0 0 5px 0;
}

.blog img.size-full,
.blog img.size-large,
.blog img.size-medium,
.blog img.size-thumbnail {
	padding            : 3px;
	border             : solid 1px #9DC0C1;
	box-shadow         : 1px 1px 5px #999;
	-moz-box-shadow    : 1px 1px 5px #999;
	-webkit-box-shadow : 1px 1px 5px #999;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #193F5B;
border-color: #193F5B;
cursor: default;
}

.navbar-default {
	background-color : transparent;
	border-color     : transparent;
}

.navbar-fixed-top {
	border-width : 0;
}

.navbar-default {
	font-family    : 'Oswald', sans-serif;
	font-size      : 18px;
	font-weight    : 300;
	text-transform : uppercase;
}

.navbar-default .navbar-nav > li > a {
	color : #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color : transparent;
	color            : #9DC0C1;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color : transparent;
	color            : #9DC0C1;
}

.navbar-collapse {
	max-height : 100%;
}

.dropdown-menu {
	background-color   : #FFFFFF;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter             : alpha(opacity=80);
	-moz-opacity       : 0.8;
	-khtml-opacity     : 0.8;
	border             : none !important;
	box-shadow         : none;

	-webkit-box-shadow : none;
}

.dropdown-menu > li > a {
	color : #999999;
}

.dropdown:hover .dropdown-menu {
	display        : block;
	text-transform : uppercase;
}

.dropdown-menu li {
	padding-top    : 5px;
	padding-bottom : 5px;
}

.dropdown-menu > li > a {
	text-align : center;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
margin-top: -2px;
}

.navbar {
	margin-bottom : 0 !important;
	border        : none !important;
}

.navbar-toggle {
	margin : 67px 40px 5px 0;
}

.navbar-collapse.in {
	overflow-y       : auto;
	width            : 60%;
	margin-top       : -3px;

	background-color : #193F5B;
	border           : none;
}

/* Fix Collapse dropdown */
.in .dropdown .dropdown-menu {
	position       : relative;
	display        : block;
	top            : auto;

	width          : 100%;

	text-align     : center;
	text-transform : uppercase;
}

.in .dropdown-menu li {
	padding-top    : 5px;
	padding-bottom : 5px;

	text-align     : center;
}

.btn-subnav-orange {
	background-color:#9DC0C1;
	width: 100%;
	min-height: 45px;
	padding: 10px;
	font-family    : 'Oswald', sans-serif;
	text-align: right;
	font-size      : 18px;
	font-weight    : 300;
	text-transform : uppercase;
	display: block;
}
.bg-brown {
	background-color : #FFF;
}
.bg-light-brown {
	background-color: #193F5B;
}
.button4 {
	z-index: 5;
	padding: 4px 4px 0 0;
}
.navbar-collapse {
    position: relative !important;
    top: 15px !important;
    right: 0;
}
/* =============================================================================
                                                Content Style
============================================================================= */
.make-responsive img{
  display: block;
  max-width: 100%;
  height: auto;
}
.gallery-caption {
    display: none;
}
.panel-body {
	padding : 15px;
}

.random-image-locate {
position: absolute;
width: 450px;
height: 249px;
top: 357px;
left: 50%;
margin-left: -0;
overflow: hidden;
background: #193F5B;
z-index: 501;
}
.wip-locate {
position: absolute;
width: 228px;
height: 43px;
top: 70px;
left: 50%;
margin-left: 0;
z-index: 502;
}
img.thumbleft {
float: left;
margin: 2px 15px 5px 5px;
}

/* Put the shadow style on Works in Progress images in Single and Archive */
.single .post_content .size-full, .archive .post_content .size-full,
.single .post_content .size-large, .archive .post_content .size-large,
.single .post_content .size-medium, .archive .post_content .size-medium,
.single .post_content .size-thumbnail, .archive .post_content .size-thumbnail {
margin: 10px !important;
text-align: center;
padding            : 3px;
border             : solid 1px #bfbeb4;
	box-shadow         : 1px 1px 5px #999;

	-moz-box-shadow    : 1px 1px 5px #999;
	-webkit-box-shadow : 1px 1px 5px #999;
}


.imageshadow {
	padding            : 3px;

	border             : solid 1px #bfbeb4;
	box-shadow         : 1px 1px 5px #999;

	-moz-box-shadow    : 1px 1px 5px #999;
	-webkit-box-shadow : 1px 1px 5px #999;
}

.imagedropshadow {
	padding : 3px;
	border  : solid 1px #EFEFEF;
}

a:hover img.imagedropshadow {
	border             : solid 1px #CCC;
	box-shadow         : 1px 1px 5px #999;

	-moz-box-shadow    : 1px 1px 5px #999;
	-webkit-box-shadow : 1px 1px 5px #999;
}

img.photothumbs {
	opacity            : 0.75;
	border             : solid 1px #FFFFFF;

	/*margin-left:2px;
	margin-right:2px; */
	zoom               : 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter             : alpha(opacity=75);
	-moz-opacity       : 0.75;
	-khtml-opacity     : 0.75;
}

a:hover img.photothumbs {
	opacity            : 1.0;
	border             : solid 1px #cf9e59;

	zoom               : 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter             : alpha(opacity=100);
	-moz-opacity       : 1.0;
	-khtml-opacity     : 1.0;
}

#responsive-team {
	padding-right: 0;
	min-height:640px !important;
}

/* =============================================================================
                                                Margins
============================================================================= */
.all0 {
	margin  : 0 !important;
	padding : 0 !important;
}

.center-this {
	margin-right : auto !important;
	margin-left  : auto !important;
}

.post_content {
	margin-top : 15px;
}

/* Margin All */
.margin-30px {
	margin : 30px 30px 30px 30px;
}

.margin-25px {
	margin : 25px 25px 25px 25px;
}

.margin-20px {
	margin : 20px 20px 20px 20px;
}

.margin-15px {
	margin : 15px 15px 15px 15px;
}

.margin-10px {
	margin : 10px 10px 10px 10px;
}

.margin-5px {
	margin : 5px 5px 5px 5px;
}

.margin-0 {
	margin : 0 0 0 0;
}
.padding-0 {
	padding : 0 0 0 0;
}

/* Margin Horizontal */
.margin-hoz-30 {
	margin-right : 30px;
	margin-left  : 30px;
}

.margin-hoz-15 {
	margin-right : 15px;
	margin-left  : 15px;
}

.margin-hoz-10 {
	margin-right : 10px;
	margin-left  : 10px;
}

.margin-hoz-5 {
	margin-right : 5px;
	margin-left  : 5px;
}

/* Margin Vertical */
.margin-vert-30 {
	margin-top    : 30px;
	margin-bottom : 30px;
}

.margin-vert-15 {
	margin-top    : 15px;
	margin-bottom : 15px;
}

.margin-vert-10 {
	margin-top    : 10px;
	margin-bottom : 10px;
}

.margin-vert-5 {
	margin-top    : 5px;
	margin-bottom : 5px;
}

/* =============================================================================
                                                Text
============================================================================= */
.text-center {
	text-align : center !important;
}

.text-right {
	text-align : right !important;
}

.text-white {
	color : #FFF !important;
}
.text-black {
	color : #000 !important;
}

.bodytext {
	margin      : 10px 15px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 20px;
	font-style  : normal;
	font-weight : normal;
	color       : #193F5B;
	line-height : 26px;
	text-align  : left;
}

.widgettitle {
	font-family    : 'Oswald', sans-serif;
	font-size      : 22px;
	text-transform : uppercase;
}

.widget {
	margin-bottom : 0px;
}

.bio {
	font-family : Helvetica, Arial, sans-serif;
	font-size   : 20px !important;
	font-style  : normal;
	font-weight : normal;
	color       : #193F5B;
	line-height : 24px;
	text-align  : left;
}

.liststyle {
	margin      : 5px 30px;
	margin-left : 50px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 14x;
	font-style  : normal;
	font-weight : normal;
	color       : #ADADAD;
	line-height : 24px;
	text-align  : left;
	list-style  : inherit;
}

.textcolumns {
	margin      : 5px 8px 5px 30px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 14x;
	font-style  : normal;
	font-weight : normal;
	color       : #ADADAD;
	line-height : 24px;
	text-align  : left;
}

.property_text {
	margin      : 0 0;
	padding     : 10px 15px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 20px;
	font-style  : normal;
	font-weight : normal;
	color       : #ADADAD;
	line-height : 24px;
	text-align  : left;
}

.property_title {
	margin      : 5px 15px 5px 15px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 20px;
	font-style  : normal;
	font-weight : bold;
	color       : #ADADAD;
	line-height : 24px;
	text-align  : center;
}

.footertext {
	margin      : 25px 15px 0px 30px;

	font-family : Helvetica, Arial, sans-serif;
	font-size   : 20px;
	font-style  : normal;
	font-weight : normal;
	color       : #FFFFFF;
	line-height : 24px;
	text-align  : left;
}

.makeitred {
	color : #193F5B;
}
.page-header {
padding-bottom: 5px;
margin: 20px 0 0 0;
border-bottom: none;
}
h1 {
	display         : block;

	margin          : 10px 15px 0 0;
	padding         : 0;

	font-family     : "DIN Schrift", DIN, Verdana, Geneva, sans-serif;
	font-size       : 32px;
	font-weight     : normal;
	color           : #193F5B;
	line-height     : 36px;
	text-align      : left;
	text-decoration : none;
	text-shadow     : none;
}

h2 {
	margin          : 10px 15px 5px 0;
	padding         : 0;

	font-family     : "DIN Schrift", DIN, Verdana, Geneva, sans-serif;
	font-size       : 26px;
	font-weight     : normal;
	color           : #193F5B;
	line-height     : 30px;
	text-align      : left;
	text-decoration : none;
	text-shadow     : none;
}
dd {
margin-left: 0;
margin-top: -10px;
font-weight: bold;
color: #193F5B;
}
.H2linkroll {
	margin-bottom : 5px;
	margin-bottom : 5px;

	text-align    : right;
}

.H2left {
	margin-bottom : 5px;
	margin-bottom : 5px;

	font-weight   : bold;
	text-align    : left;
}
.archive_title {
font-weight: bold;
}
.crowerks {
	margin-right : 2px;

	font-family  : Verdana, Helvetica, Arial, sans-serif;
	font-size    : 10px;
	font-weight  : normal;
	color        : #333333;
	line-height  : normal;
	text-align   : center;
	margin-top: 139px;
}

/************************************************************************************
	                                                        aLinks
************************************************************************************/
a:link {
	font-weight     : normal;
	color           : #193F5B;
	text-decoration : none;
}

a:visited {
	font-weight     : normal;
	color           : #193F5B;
	text-decoration : none;
}

a:hover {
	font-weight     : normal;
	color           : #193F5B;
	text-decoration : underline;
}

a:active {
	font-weight     : normal;
	color           : #193F5B;
	text-decoration : none;
}

.arrows a:link {
	font-weight     : bold;
	color           : #193F5B;
	text-decoration : none;
}

.arrows a:visited {
	font-weight     : bold;
	color           : #193F5B;
	text-decoration : none;
}

.arrows a:hover {
	font-weight     : bold;
	color           : #671006;
	text-decoration : none;
}

.arrows a:active {
	font-weight     : bold;
	color           : #193F5B;
	text-decoration : none;
}

.property_text a:link {
	font-weight     : bold;
	color           : #ADADAD;
	text-decoration : underline;
}

.property_text a:visited {
	font-weight     : bold;
	color           : #ADADAD;
	text-decoration : underline;
}

.property_text a:hover {
	font-weight     : bold;
	color           : #B39C67;
	text-decoration : underline;
}

.property_text a:active {
	font-weight     : bold;
	color           : #B39C67;
	text-decoration : none;
}

.text-white a:link {
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
}

.text-white a:visited {
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
}

.text-white a:hover {
	font-weight     : normal;
	color           : #fff;
	text-decoration : underline;
}

.text-white a:link {
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
}

.footertext a:visited {
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
}

.footertext a:hover {
	font-weight     : normal;
	color           : #fff;
	text-decoration : underline;
}

.footertext a:active {
	font-weight     : normal;
	color           : #fff;
	text-decoration : underline;
}

.inner_circle a:link {
	font-weight     : normal;
	color           : #3b3526;
	text-decoration : none;
}

.inner_circle a:visited {
	font-weight     : normal;
	color           : #3b3526;
	text-decoration : none;
}

.inner_circle a:hover {
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
}

.inner_circle a:active {
	font-weight     : normal;
	color           : #3b3526;
	text-decoration : underline;
}

.crowerks a:link {
	opacity            : 0.5;
	font-weight        : normal;
	color              : #ADADAD;
	text-decoration    : underline;

	-ms-filter:"progid : DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
}

.crowerks a:visited {
	opacity            : 0.5;
	font-weight        : normal;
	color              : #ADADAD;
	text-decoration    : underline;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
}

.crowerks a:hover {
	opacity            : 1.0;
	font-weight        : normal;
	color              : #ADADAD;
	text-decoration    : underline;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=100);
	-moz-opacity       : 1.0;
	-khtml-opacity     : 1.0;
}

.crowerks a:active {
	opacity            : 0.7;
	font-weight        : normal;
	color              : #ADADAD;
	text-decoration    : none;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=70);
	-moz-opacity       : 0.7;
	-khtml-opacity     : 0.7;
}

/* =============================================================================
                                                Carousel Fade
============================================================================= */
.carousel-control {
    /*position: absolute;
    top: 25%
    bottom: auto;
    width: 10%;
    opacity: 0.75;*/
        padding-top: 25%;
    filter: alpha(opacity=75);
    font-size: 20px;
    color: #ffffff !important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background: none;
    font-size: 160px;
    background-image: none !important;
}
.carousel-content {
    display: flex;
    align-items:center;
    min-height: 800px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.428571429;
    background-color: transparent;
    border: none;
    border-radius: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* =============================================================================
                        		   Project Grid
============================================================================= */

.grid-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  
  @media (min-width: 768px) {
    .grid-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (min-width: 992px) {
    .grid-container {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  .grid-item {
    padding: 20px;
    text-align: center;
    min-height:250px;
  }


/* =============================================================================
                        		   Responsive - Custom Sizing
============================================================================= */
.homerow {
	padding-top: 45px !important;
	margin-left: -30px !important;
}
.logged-in .homerow {
	margin-left: -30px !important;
	padding-top: 13px !important;
}
.random-image {
	min-width: 450px;
	max-width: 450px;
	width: 450px;
}
@media (max-width: 768px) {
	#responsive-team {
	padding-right: 0;
	min-height: auto !important;
	}
	#coaster-logo {
		max-width: 250px;
	}
	.carousel-content {
	    display: flex;
	    align-items: center;
	    min-height: 450px;
	}
}
@media (max-width: 640px) {
	#coaster-logo {
		max-width: 200px;
	}
}
@media (min-width:768px) and (max-width:1024px) {
	.nav > li > a {
	    padding: 10px 10px;
	}
}

@media (min-width: 768px ) {
	.page-title {
		margin-bottom: 15px;
		position: relative;
		padding-top: 30px;
		margin-top: 30px;
		border-bottom: 1px solid rgba(0,0,0,.2);
		padding-bottom: 15px;
	}
}

@media (min-width: 992px) {

}

	@media (min-width: 1200px) {

}