/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");
@import url("https://use.typekit.net/lif4tro.css");

/*sitewide */
#banner { margin-bottom: 1%; }
body { font-family: myriad-pro, sans-serif; font-size: 1.0625rem; font-weight: 400; font-style: normal; overflow-x: hidden; }
h1 { color: #203365; }
.h3_orange { color: #203365; font-size: 1.5em; }
.orange { color: #203365; }
a { color: #203365; }
a:hover { color: #203365; }
.img100 { width: 100%; }

/*navbar*/
#header-block-1 a:first-child { margin-right: 1rem; }
#header-block-1 .btn-orange { margin-left: 1rem; padding: 0.375rem 0.75rem; min-width: auto; font-size: 1rem; font-weight: bold; }
.navbar-brand img { max-height:50px;}
.navbar-light .navbar-nav .nav-link { color:#32373c; font-size:1.25rem;}
.navbar-light .navbar-nav .active>.nav-link {background: gainsboro;}
.navbar-light .navbar-nav .nav-link:hover { color:#203365; }
#main-navbar {margin-top: 27px;}
.btn-orange { background-color: #203365; border:#203365 solid 1px; color: #fff; border-radius: 0; min-width: 225px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 1.5rem; }
.btn-orange:hover { background-color:#fff; color:#203365; border:#203365 solid 1px; }
.btn-orange:active { background: gainsboro; border: #203365 solid 2px; color: #6c6d6f; }
.btn-orange-reverse {background-color:#fff; color:#203365; border-radius:0; min-width:175px; padding-top: 10px; padding-bottom:10px; margin-right:25px; margin-left:25px; }
.btn-grey { background-color: gainsboro; color: #4d5256; border-color: gainsboro; border-radius: 0; min-width: 225px; padding-top: 5px; padding-bottom: 5px; margin-right: 25px;margin-left: 25px; font-size: 1.5rem; }


/*home page */
.btn-home { margin-top: 0.5rem; padding-right: 25px; padding-left: 25px; background-color: #a0a0a0; color: #fff; border-radius:0; }
.btn-home:hover { color: #203365; }
/*
#parallelogram_row { margin-right:5%; margin-left:5%; }
#parallelogram1 { height: 15px; transform: skew(24deg); background: #203365; margin-right: 5px; margin-left: 15px; }
#parallelogram2 { border-top: 15px solid #252932; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 15px; }
#parallelogram3 { height: 15px; transform: skew(-24deg); background: #203365;  margin-left: 5px; margin-right: 15px;}
#parallelogram4 { height: 40px; transform: skew(-20deg); background: #203365; position: absolute; left: 65%; }
*/
.banner_dark { background: #333 url('/wp-content/themes/jw-bootstrap/images/blue-stripe.png') no-repeat right top; color: #fff; padding-bottom:20px; }
.banner_dark h2 { color:#fff; padding-top: 30px; padding-bottom:20px; }
.banner_dark .btn-orange-reverse { margin-top: 30%; margin-left: 25%; }
.banner_light {  background-color:#e5e5e5; }
.grey-box { background-color: #dcdcdc; min-height: 225px; padding-top: 20px;}


/*products pages */
.halfpic_content { margin-left: 20%; margin-top: 5%; }
.banner_halfpic { background-color: gainsboro; }
#nav-home-tab > span, #nav-contact-tab > span, #nav-profile-tab > span { transform:skew(24deg); display:block; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {color: #fff; background-color: #6f6f6f; transform: skew(-24deg); border-radius: 0; margin-right: .5%; font-weight:bold; font-size: 1.5rem; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #203365; color: #fff;}
#nav-contact-tab, #nav-last-tab { margin-right: -16px; }
#nav-home-tab, #nav-one-tab { margin-left:15px; }
.parallelogram_tabs { overflow:hidden; }
.tab-content { background-color: #e5e5e5; }
.tab-pane { padding-left:4%; padding-right: 4%; }

/*Agents pages */
.broker_container { border-bottom: solid 1px #203365; padding-bottom: 7%; padding-top: 7%; padding-left: 2px; }

/* gemini express */
.page-id-1279 .page-header { display: none; }

/*contact form 7 css */
.wpcf7-not-valid-tip { color: #203365; }
.form-group.wpcf7-radio.about div { display: inline-block; margin-right: 1.5rem; }
.form-group.wpcf7-radio.about input { margin-right: 0.5rem; }

/*Carousel css */
.carousel-item .diagonal-lines, .carousel-item .diagonal-lines-home { display: none; }
body:not(.home) .carousel-item .diagonal-lines { display: inline; position: absolute; bottom: 0; right: -1rem; }
body.home .carousel-item .diagonal-lines-home { display: inline; position: absolute; bottom: 0; left: -1rem; }
.carousel-caption { position: absolute; top: 0; right: auto; bottom: auto; left: 5%; padding: 0.3125rem 1.75rem 0 1.75rem; color: #212529; background-color: rgba(255, 255, 255, 0.8); text-align: left;  z-index: 10;}
.carousel-caption .h1 { color: #3f3f3f; font-weight: bold; }
.carousel-caption p { font-size: 2rem; color: #4d5256; }
/* .page-template-page-home #carousel .carousel-caption span { display: inline-block; padding: 10px 20px 15px; background:rgba(255, 255, 255, 0); } */
.page-template-page-home .carousel-caption p { font-size: 1rem; }
.page-template-page-home .carousel-caption p .btn-orange { letter-spacing: 0; }

/*map css */
.tt_custom_sm { color: #203365; }
.tt_mobile_sm .btn_simplemaps { color:#fff !important; background: #203365; }
.tt_custom_sm strong { color:#000;}

/*footer */
#menu-footer-legal { list-style: none; display: inline-flex; padding-inline-start: 0px; }
#menu-footer-legal li a { border-right: 0 none; padding-right: 10px; padding-left: 10px; color:#5d5d5d; font-weight:bold;}
#nav_menu-2 { padding-left: 0px; }
#social_footer img { height: 50px; }
.attribution { font-size: .8rem; }
.logo-footer { margin-bottom: 0; background-color: #1e201f; }


/* media queries */

/* IE10+ specific styles go here */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .tt_custom_sm .col-sm-6 { flex-basis: auto; max-width:100%; }
   .banner_halfpic > .row > .col-sm-6 { flex-basis: auto; max-width:100%; }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	.carousel-caption { position: absolute; top: 0px; left: 10%;  }	
	.page-template-page-home .carousel-caption p { font-size: 2rem; letter-spacing: 3px; line-height: 1.5em; }
	.btn_right { text-align: right; }
	.btn_left { text-align: left; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	ul.col-four { column-count: 4; }
	.carousel-caption { position: absolute; top: 0px; left: 10%;  }	
	.page-template-page-home .carousel-caption p { font-size: 2.5rem; letter-spacing: 3px; line-height: 1.5em; }
	#menu-footer-legal li a { border-right: solid 1px #5d5d5d;}
	#menu-footer-legal li:last-child a { border-right: 0 none; }
	#menu-footer-legal #menu-item-248 a { border:none; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.wp-block-group.d-md-flex.align-items-center.w-100 .wp-block-group__inner-container { display: flex; align-items: center; width: 100%; }
	.page-template-page-home .carousel-caption p { font-size: 3.25rem; letter-spacing: 3px; line-height: 1.5em; }
	#rail_list { height: 75px; /*your fixed height*/-webkit-column-count: 3; -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */  align-content: space-evenly; }
 .rail_list_col { padding-left: 10%; }
	#auto_list { height: 225px; /*your fixed height*/-webkit-column-count: 4; -moz-column-count: 4;  column-count: 4; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
  -moz-column-gap: 10px; /* Firefox */  align-content: space-evenly; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbar-brand img { max-height: 80px; }
	#main-navbar { margin-top: 50px; }
	.navbar-brand img { margin-right:50px; }
	.carousel-caption { position: absolute; top: 0px; left: 15%; }	
	.page-template-page-home .carousel-caption p { font-size: 3.75rem; letter-spacing: 3px; line-height: 1.5em; }
	.carousel-caption .h1 { font-size: 2.5rem; }
	.btn-home { bottom: 30px;  left: 75px; }
}

/* X-Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
	body>header .container {max-width: 1380px; }
	.navbar-brand img { max-height:180px; }
	.carousel-caption { position: absolute; top: 0px; left: 20%; padding-top:0; }
	.page-template-page-home .carousel-caption p { font-size: 3.5vw; letter-spacing: 3px; line-height: 1.5em; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
	.page-template-page-home .carousel-caption { position: absolute; top: 0px; left: 10%;  }	
	.page-template-page-home .carousel-caption p { font-size: 1rem; letter-spacing: 3px; line-height: 1.5em; }
	.page-template-page-home .carousel-caption p .btn-orange, .grey-box .btn-home, #parallelogram4 { display:none; }
	.banner_dark .btn-orange-reverse { margin-top: 10px; }
	.page-template-default .carousel-caption { display:none; }	
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { min-width: 100%; }
	.btn_right, .btn_left { text-align: center; }
	#menu-footer-legal { display:inline-block; }
}   .halfpic_content { margin-left: 15px; margin-right: 15px; }

/* Small Devices*/
@media only screen and (max-width : 767px) {
	.grey-box .btn-home { display:none; }
	.banner_dark h2 { padding-top: 60px; }
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}