/*
Theme Name: O'Rourke Master Theme
Version: 0.0.1.2
Author: WhatArmy
Text Domain: orourke
*/

@font-face {
    font-family: 'simplon_bp_monoregular';
    src: url('fonts/simplon_bp_mono_regular_1-webfont.woff2') format('woff2'),
         url('fonts/simplon_bp_mono_regular_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'simplon_bp_monomedium';
    src: url('fonts/simplon_bp_mono_medium_1-webfont.woff2') format('woff2'),
         url('fonts/simplon_bp_mono_medium_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {font-family: 'simplon_bp_monoregular'; font-weight: 300; color: #61656a;}
p {font-size: 17px; line-height: 2; margin-bottom: 30px; letter-spacing: .015em;}
a {color: #5D7261; transition: all .2s ease-in;}
a i {transition: all .2s ease-in-out;}
a:hover {text-decoration: none !important; color: #61656a;}

h1{ font-family: 'simplon_bp_monomedium'; font-size: 6em; font-weight: 400; letter-spacing: 8px; text-transform: uppercase; color: #F3E8DA; }
h2{ font-family: 'simplon_bp_monomedium'; font-size: 2.5em; font-weight: 300; letter-spacing: .075em; text-transform: uppercase; color: #5b7262;}
h3{ font-family: 'simplon_bp_monoregular'; font-size: 1.5em; font-weight: 400; text-transform: uppercase; color: #000000; margin-bottom: 30px; letter-spacing: .1em; }
h4{ font-family: 'simplon_bp_monomedium'; font-size: 1.25em; font-weight: 400; text-transform: uppercase; color: #000000;}

header {position: absolute; z-index: 99; top: 0; left: 0; text-transform: uppercase;}

.button {font-family: 'simplon_bp_monomedium'; font-weight: 400; font-size: 17px; background: #d0af21; color: #fefdfb; border: 0; text-transform: uppercase; padding: 18px 28px; letter-spacing: .075em; line-height: 1; border: 2px solid #d0af21; margin: 10px 5px;}
.button:hover {background: #5D7261; color: #f0e7da; text-decoration: none !important;}

.bg-dark {background-color: #343a40!important;}
.navbar-dark * {color: #fff;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}

.bg-light {background-color: transparent !important;}
/*.navbar-light * {color: #f3e8da;}*/
.navbar-light .navbar-nav .nav-link {color: #F3E8DA;}

.navbar {padding: 0;}

header .button { color: #fefdfb; padding: 28px 40px;  }

#main-nav .menu-item { padding: 3px 10px; }
#main-nav .menu-item .nav-link { padding: 3px 0; border-bottom: 2px solid transparent; text-align: center; font-size: 18px; letter-spacing: .05em; font-weight: 600; text-shadow: 1px 1px 5px #000;}
#main-nav .menu-item:first-of-type { padding-left: 0; }
#main-nav .menu-item:last-of-type { padding-right: 0; }

.navbar-nav .dropdown-menu {background: #d0af21 !important;}
.navbar-nav .dropdown-menu li { padding: 0 !important;}
.navbar-nav .dropdown-menu .nav-link {border: 0 !important; color: #fff !important;}
.navbar-nav .dropdown-menu .nav-link:active, .navbar-nav .dropdown-menu .nav-link:focus, .navbar-nav .dropdown-menu .nav-link:hover {
    background: #5D7261 !important;
    color: #f0e7da !important;
}

@media screen and (min-width: 992px) {
    /* nav when fixed */
    #main-nav.fixed-top {background: #5D7261; color: #F3E8DA; padding-left: 15px; padding-right: 15px; box-shadow: 0 2px 10px 0px rgba(0,0,0,0.3);}
    #main-nav.fixed-top .navbar-nav .nav-link {color: #F3E8DA; text-shadow: none;}
    #main-nav.fixed-top .navbar-nav .menu-item.active .nav-link,
    #main-nav.fixed-top .navbar-nav .menu-item.current-page-ancestor .nav-link,
    #main-nav.fixed-top .navbar-nav .menu-item:hover .nav-link {color: #D0AF21; border-bottom: 2px solid #D0AF21; }
    /* end nav when fixed */
}

/* nav items on hover */
#main-nav .navbar-nav .menu-item.active > .nav-link,
#main-nav .navbar-nav .menu-item.current-page-ancestor > .nav-link,
#main-nav .navbar-nav .menu-item:hover > .nav-link {color: #D0AF21; border-bottom: 2px solid #D0AF21; text-shadow: none; }
/* end nav items on hover */

#main-nav .navbar-nav {padding: 0;}

.logo {padding: 30px 0;}
.logo a {display: block;}
.logo img {max-width: 250px;}

.directions-link { font-family: 'simplon_bp_monomedium'; color: #f3e8da; font-size: 18px; letter-spacing: .075em; }
.directions-link i {font-size: 25px; display: inline-block; vertical-align: middle;}
.directions-link span {display: inline-block; vertical-align: middle;}
.directions-link:hover {color: #D0AF21;}
.directions-link:hover i {color: #D0AF21;}

#close-nav {display: none;}

@media screen and (max-width: 600px) {
    .navbar-toggler {
        position: relative;
        right: auto;
        top: auto;
    }
}

@media screen and (min-width: 992px) {
    #first-row-right.fixed-top {position: relative;}
}

/* Main slider text */
.carousel-module .carousel-item {height: 100vh; min-height: 450px;}
.carousel-text {position: absolute; z-index: 2; width: 80%; }
.carousel-text.hor_left {left: 10%; text-align: left;}
.carousel-text.hor_center {left: 50%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.carousel-text.hor_right {right: 10%; text-align: right;}

.carousel-text.ver_top {top: 10%;}
.carousel-text.ver_middle {top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.carousel-text.ver_bottom {bottom: 10%;}

.carousel-text.hor_center.ver_middle {-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.home .carousel-image:after {content: none;}
.carousel-image:after {background: rgba(0,0,0,0.3);}

/* Slide side content */
#slider-side-content img.fill-space {height: auto; max-width: 80vw;}
#slider-side-content img.centered {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.callout-content-interior-inner {background: #fff;}

/* Full Width Blocks */
#fullwidth-blocks .image-link-individual {padding-left: 8px; padding-right: 8px;}
#fullwidth-blocks .image-link-individual:first-of-type {padding-left: 15px;}
#fullwidth-blocks .image-link-individual:last-of-type {padding-right: 15px;}
#fullwidth-blocks .image-link-individual p { color: #ffffff; }
#fullwidth-blocks .image-link-individual h3 { color: #ffffff; text-shadow: 1px 1px 5px #000; }

/* Large Blocks - image_links_section */
#image-links-section .image-link-wrapper-interior {background: #fff;}
#image-links-section .image-link-individual p { color: #53565a;}

/* Gallery */
.gallery-thumbnail {display: block;}


/* section title */
#section-title *:not(.button) { color: #f2e8da;}
.custom-overlay {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(0,0,0,0.4);
}

/* Pretty centered content */
#pretty-centered-content {position: relative; z-index: 1; margin-bottom: 61px;} /* 45px of border + 16px of margintop of next container */
.orange-bars { position: relative; }
.orange-bars:before,
.orange-bars:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px;
    background: #d0af21;
}

.orange-bars:before { top: -30px; }
.orange-bars:after { bottom: -30px; }


/* Content Slider */
.content-slider.carousel-module .carousel-item {height: auto;}


/* Instagram Feed */
#sbi_mod_link, #sbi_mod_error {float: none !important;}
#sb_instagram {padding-bottom: 0 !important;}


/* Footer */
footer {background: #5D7261; color: #F3E8DA; font-size: 17px; font-family: 'simplon_bp_monomedium';}
footer a {color: #F3E8DA;}
footer a:hover {text-decoration: none !important; color: #D0AF21;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {margin-bottom: 10px;}

#footer-menu a {text-transform: uppercase; font-size: 17px;}
.social-links li {display: inline-block; vertical-align: middle; line-height: 1;}
.social-links a {font-size: 22px;}

footer .gform_wrapper {width: 100%; max-width: 450px; margin: 16px auto 0;}
footer .gform_wrapper .gform_body {width: 80%; float: left; margin: 0; padding: 0;}
footer .gform_wrapper ul.gform_fields li.gfield {margin: 0; padding: 0;}
footer .gform_wrapper label {display: none !important;}
body footer .gform_wrapper .top_label div.ginput_container {margin: 0; padding: 0;}
footer .gform_wrapper input {margin: 0 !important; padding: 0 !important; width: 100% !important; line-height: 1; background: #D0AF21; color: #F3E8DA; border: 1px solid #D0AF21; font-family: 'simplon_bp_monomedium'; text-transform: uppercase; padding: 18px 36px !important; letter-spacing: .05em !important;}
footer .gform_wrapper .gform_footer {width: 20%; float: left; margin: 0; padding: 0; clear: none;}
footer .gform_wrapper input[type="submit"] {padding: 20px 20px !important; cursor: pointer; width: 98% !important; float: right;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {line-height: 1 !important;}

/* Placeholder text color -- selectors need to be separate to work. */
footer .gform_wrapper input::-webkit-input-placeholder { color: #F3E8DA; opacity: 1; }
footer .gform_wrapper input:-moz-placeholder { color: #F3E8DA; opacity: 1; }
footer .gform_wrapper input::-moz-placeholder { color: #F3E8DA; opacity: 1; opacity: 1; }
footer .gform_wrapper input:-ms-input-placeholder { color: #F3E8DA; opacity: 1; }


#cookie-law-info-bar {text-align: left; padding: 8px 15px; font-size: 14px; box-shadow: none;}
#cookie-law-info-bar > span {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
#cookie-law-info-bar > span span:first-of-type {margin-right: 10px;}
#cookie-law-info-bar .cli-plugin-button {margin: 0;}

/* Contact Form */
#gform_wrapper_1 .top_label input.medium, #gform_wrapper_1 .top_label select.medium {width: 100%;}
#gform_1 div.ginput_complex.ginput_container.gf_name_has_2 span {width: 100%; }
#gform_1 {text-align: center;}
#gform_1 li {padding: 0;}

/* Sitemap */
.wsp-pages-list {margin: 0; padding: 0; list-style: none;}
.wsp-pages-list ul {margin: 0; padding: 0; list-style: none;}


@media screen and (max-width: 1199px) {
    #main-nav .menu-item {font-size: 14px; padding-left: 5px; padding-right: 5px;}
}

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

    .first-row-left { background: #53565a;}
    .directions-link {display: block; padding: 10px;}
    .logo {padding: 15px 0;}
    .navbar-toggler {
        background: #f3e8da !important;
        color: #d0af21 !important;
        text-transform: uppercase;
        font-weight: 700;
        border-radius: 0;
        height: 100%;
        line-height: 1;
        border: 0 !important;
        width: 50%;
        float: left;
        padding: 28px 40px;
        letter-spacing: .075em;
        font-size: 17px;
    }
    .navbar-toggler * {
        color: #d0af21 !important;
    }

    .first-row-right .button {
        width: 50%;
        float: left;
        border: 0 !important;
        display: block;
        line-height: 1;
        margin: 0;
        padding: 28px 5px;
    }
    .first-row-middle {
        background: #5b7262;
    }
    #main-nav {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #f3e8da; z-index: 99999;}
    #main-nav .navbar-nav {position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
    #main-nav .menu-item {padding: 10px 5px;}

    #close-nav {cursor: pointer; position: fixed; z-index: 999999; font-size: 60px; right: 30px; top: 30px; line-height: 1;}

    .navbar-light .navbar-nav .nav-link {color: #53565a !important;}
    #slider-side-content img.centered {position: relative; top: 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
    #slider-side-content img.fill-space {max-width: 100%;}
    .image-link-individual > a {height: 300px;}

    #main-nav .menu-item .nav-link { text-shadow: none; }
}

@media screen and (max-width: 767px) {
    h1 {font-size: 4em;}
    h2 {font-size: 2em;}
    h3 {font-size: 1.3em;}
    #fullwidth-blocks .image-link-individual {padding-left: 15px !important; padding-right: 15px !important;}
}

@media screen and (max-width: 640px) {
    h1 {font-size: 2em;}
    h2 {font-size: 1.5em;}
    h3 {font-size: 1em;}
    #fullwidth-blocks .image-link-individual h3 {font-size: 1em;}
    #cookie-law-info-bar {font-size: 12px;}
    #cookie-law-info-bar > span {display: block;}
    #cookie-law-info-bar span {display: block; width: 100%;}
    #cookie-law-info-bar > span span:first-of-type {margin-right: 0; margin-bottom: 10px;}
}

@media screen and (max-width: 500px) {
	.home .carousel-image{
		background-position-y: 50px !important;
		background-attachment:scroll !Important;
	}
}

@media screen and (max-width: 380px) {
    .button {padding: 12px; font-size: .9em;}
    .navbar-toggler {padding: 12px; font-size: .9em;}
}

.hero-vid{
	margin-top: 0 !important;
	padding: 0 15px;
	max-height:100vh;
}

.hero-vid .embed-responsive{
	max-height:100vh;
}

.hero-vid video{
	max-height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 991px){
	header .navbar-light{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	
	header .first-row-right{
		display: flex;
    	justify-content: space-between;
   	 	height: 70px;
	}
	
	header .first-row-right .navbar-toggler{
		width:calc(100% - 200px);
	}
	
	header .first-row-right span[role="button"]{
		    border-radius: 0 !important;
			width:200px;
			height: 70px !important;
    		display: flex !important;
			align-items:center;
	}
	
		header .first-row-right span[role="button"] iframe{
		
	}
	
	header .first-row-right span[role="button"] span{
		width: 100% !important;
    	height: 100% !important;
	}
	
	.hero-vid{
		margin-top: 248px !important;
	}
}