/*
Theme Name: James O Davis 2021
Description: Template
Version: 1.0
Author: Sheppard Web Development Inc

font-family: 'Libre Baskerville', serif;
*/


@import "css/bootstrap.min.css";

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

html {}
body {position: relative; right: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
body.slide-out-open {right: 60%;}
a {text-decoration: none; color: #385C6B;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s ease;
}
.slide-out-open #header {right: 60%;}
a:hover {text-decoration: none;}
.clear {clear: both;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.aligncenter {margin: 0 auto; display: block;}
.v-align {display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}
img {max-width: 100%;}


.btn {border-radius: 100px; border: none; padding: 5px 20px !important; font-weight: 100; text-transform: uppercase; letter-spacing: 3px; font-size: 14px !important; font-family: 'Libre Baskerville', serif; line-height: 34px;}
.btn-primary {background: #6d401d; color: #FFF !important;}
.btn-primary:hover {background: #cc9468; color: #FFF !important;}
.btn-white {background: #ffffff; color: #6d401d !important;}
.btn-white:hover {background: #EEE;}

h1, h2, h3, h4, h5 {line-height: 1.7em; padding: 0;}

h1 {font-family: 'Libre Baskerville', serif; color: #1e3037; font-size: 25px; margin-bottom: 25px;}
h2 {font-family: 'Libre Baskerville', serif; color: #1e3037; font-size: 25px; margin-bottom: 25px;}
h3 {font-family: 'Libre Baskerville', serif; color: #25363D; font-size: 18px; margin-bottom: 25px;}
h4 {font-family: 'Libre Baskerville', serif; color: #6d401d; font-size: 17px; margin-bottom: 10px;}

p {font-size: 16px; line-height: 1.7em; margin-bottom: 25px;}

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

.container {position: relative;}

#header {position: fixed; right: 0; top: 0; width: 100%; z-index: 99; padding: 15px 0 5px; transition: all .3s ease; background: #000;}
#header .container {max-width: 1400px; }

.home #header {background: transparent;}

#header.affix {background: rgba(0,0,0,0.8); padding: 7px 0 0;}

#main-menu {display: inline-block; padding: 0; margin: 12px 0 0; white-space: nowrap;}
#main-menu .menu-item {display: inline-block; padding: 10px; margin: 0; position: relative;}
#main-menu .menu-item a {font-size: 17px; line-height: 35px; padding: 5px 10px; color:#999; display: block; color: #fff; font-family: 'Libre Baskerville', serif;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;}
#main-menu .menu-item.menu-item-has-children > a {background: url(img/icon-chevron-down.svg) no-repeat center right; padding-right: 15px;}
#main-menu .menu-item a:hover {color: #2c8a97}
#main-menu .current-menu-item {}
#main-menu .current-menu-item a {color: #2c8a97;}

#main-menu .menu-item .sub-menu {display: none; position: absolute; top: 100%; background:rgba(0,0,0,0.95); margin: 0; padding: 0; border-radius: 5px;}
#main-menu .menu-item .sub-menu li {float: none; display: block; padding: 0; margin: 0; border: none;}
#main-menu .menu-item .sub-menu li a {line-height: 25px; font-size: 14px; color: #FFF; text-align: left; padding: 10px; margin: 0; border: none; padding:5px 10px; opacity: 0.8;}
#main-menu .menu-item .sub-menu li a:hover {opacity: 1;}
#main-menu .menu-item:hover .sub-menu {display: block;}

#video {margin-top: 60px;}
#video .embed-responsive {border: 10px solid #FFF; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); display: block;}


#hero {position: relative;}
#hero img {display: block; width: 100%; height: auto;}
#hero .v-align {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#hero .v-align img {max-width: 40vw;}

#intro {background: url(img/paper-bg.png) no-repeat center top; background-size: 1200px; margin-top: -120px; z-index: 90; position: relative;}
#intro .inside {padding: 90px 120px;}

#about {padding-top: 100px;}
#about h2 {font-size: 44px; line-height: 1.4em;}
#about p.beige {color: #6d401d; font-size: 18px;}

#web-portals {text-align: center; white-space: nowrap;}
#web-portals img {max-width: 90px;margin: 0 5px; transition: all .1s ease;}
#web-portals img:hover {transform: scale(1.09);}

#library {padding-top: 100px;}
#library h2 {font-size: 45px; line-height: 55px;}
#library h2 small {font-size: 12px; text-transform: uppercase; line-height: 10px; letter-spacing: 2px; color: #6d401d;}
#library img {height: 300px; object-fit: cover; width: 100%;}
#library img.medium {height: 420px;}
#library img.tall {height: 420px;}

#library .ngg-albumoverview.default-view .ngg-album-compact {box-shadow: none; border: none; margin: 0 !important; padding: 0 !important;}
#library .ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc {color:#6d401d; font-size: 12px; text-transform: uppercase; line-height: 18px; letter-spacing: 2px;}

#top {margin: 100px 0; position: relative;}
#top img {display: block; width: 100%; object-fit: cover;}
#top a {position: absolute; left: 50%; top: 70%; color: #cdcdcf; border: 1px solid #be9741; width: 200px;margin-left: -100px;}
#top a:hover {background: #be9741; color: #0b1014;}

#feed {padding-bottom: 100px;}
#feed h1 {font-size: 41px; line-height: 1.4em;}
#feed .date {font-size: 11px; color: #6d401d; font-family: 'Libre Baskerville', serif; text-transform: uppercase; letter-spacing: 2px;}
#feed .featured {padding-right: 60px;}
#feed .list h3 {}
#feed .list .item {padding-bottom: 30px; padding-left: 0; border-bottom: 1px solid #CCC; margin-bottom: 30px; display: block; transition: all .2s ease;}
#feed .list .item:hover {padding-left: 10px;}
#feed .see-all {font-family: 'Libre Baskerville', serif; font-size: 14px;}

#reviews {background: url(img/blue-bg.jpg) repeat center center; background-size: cover; padding: 60px 0;}
#reviews .splide__arrow {background: transparent; }
#reviews .splide__arrow svg {fill: #7f99a4; width: 70px; height: 70px;}
#reviews .inner img {border-radius: 100px; display: block; margin: 0 auto 30px; width: 90px;}
#reviews .inner .review {color: #FFF; font-family: 'Libre Baskerville', serif; font-style: italic; text-align: center; max-width: 800px; margin: 0 auto; }
#reviews .inner .review p {font-size: 22px;}
#reviews .inner .author {font-family: 'Libre Baskerville', serif; color: #FFF; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 14px;}


#invite {background: url(img/dark-bg.jpg) no-repeat center center; background-size: cover; padding: 45px 0;}
#invite .title {color: #FFF; font-size: 45px; font-family: 'Libre Baskerville', serif; }
#invite a {color: #cdcdcf; border: 1px solid #be9741; }
#invite a:hover {background: #be9741; color: #0b1014;}
#invite p {color: #999; padding-top: 15px;}


.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {border: none; background: #EFEFEF;}

#page-content {min-height: 400px; font-size: 14px;}
#page-content h1 {font-size: 34px; color: #1e3139;}
#page-content h2 {font-weight: 300; font-size: 22px; padding: 0 0;}
#page-content h3 {font-weight: 400; font-size: 18px; padding: 0 0 20px;}
#page-content h6 {font-size: 20px; font-weight: 300; color: #777; font-style: italic; padding-left: 30px; border-left: 3px solid #1f3039; margin: 30px 0; line-height: 1.5em;}
#page-content ul {line-height: 1.7em;}
#page-content hr {clear: both;}
#page-content img {height: auto;}
/*#page-content p {font-size: 14px; margin-bottom: 20px; line-height: 20px;}
#page-content li {font-size: 14px; margin-bottom: 3px; margin-left: 20px; list-style: disc;}
#page-content ul {margin-bottom: 12px;}*/

#page-content p:first-of-type .aligncenter {display: block; width: 100%;}

#content {padding: 30px 0;}

#page-upper {height: 180px; padding-top: 120px; background: #000 url(img/blue-bg.jpg) no-repeat center center; background-size: cover;}
#page-upper .breadcrumbs {padding: 0; background: no-repeat; line-height: 50px; padding:0; font-size: 15px; color: #FFFFFF; text-transform: uppercase; font-family: 'Libre Baskerville', serif; letter-spacing: 2px;}
#page-upper .breadcrumbs a {color: #be9641; font-family: 'Libre Baskerville', serif; letter-spacing: 2px;}



#sidebar {}	
#sidebar #web-portals {white-space: normal; text-align: left;}
#sidebar #web-portals img {max-width: 70px; margin-bottom: 15px;}

#footer {padding-top: 30px;}
#footer .logo {display: block; margin: 0 auto; width: 100%}
#footer .container {}
#footer .sub-menu {display: none;}

#footer ul {padding: 0; margin: 0; text-align: right;}
#footer ul li {display: inline-block;}
#footer ul li a {color: #25363D; font-family: 'Libre Baskerville', serif; padding: 15px 10px; display: block;}
#footer ul li a.btn {display: none;}

#colophon {border-top: 1px solid #CCC; margin-bottom: 15px; padding-top: 30px; padding-bottom: 30px; color: #999; font-size: 15px}
#colophon .right {text-align: right; }

.hentry {padding: 0 0 15px; margin:0 0 30px; border-bottom: 1px solid #DDD;}
.date {}
.social {}

#blog-feed {}
#blog-feed .hentry {padding-bottom: 50px;}
#blog-feed .hentry .featured {min-height: 130px; object-fit: cover; width: 100%; border: 1px solid #CCC; padding: 3px;}
#blog-feed .hentry h2 {padding-bottom: 0; margin-bottom: 30px;}
#blog-feed .hentry .date {font-size: 11px; color: #6d401d; font-family: 'Libre Baskerville', serif; text-transform: uppercase; letter-spacing: 2px; line-height: 30px;}
#blog-feed .hentry .right {text-align: right;}
#blog-feed .hentry .content img {display: none;}

.single .date {font-size: 11px; color: #6d401d; font-family: 'Libre Baskerville', serif; text-transform: uppercase; letter-spacing: 2px; line-height: 30px;}

::placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000; }
::-ms-input-placeholder {color: #000;}

/* GRAVITY FORMS ERROR STYLING */

.gform_wrapper .validation_error {color: #FFF;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0 !important; padding: 0 !important; border: none; background: transparent;}
.gfield_label {margin: 4px 0 !important;}
.gform_wrapper .ginput_container + .gfield_description.validation_message {margin: 3px 0 !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0 !important;}

/* END GRAVITY FORMS ERROR STYLING */









#coupon_code {width: 280px !important;}
.product .woocommerce-tabs > ul,
.product .woocommerce-tabs > div {display: none !important;}

.woocommerce #page-upper {margin-bottom: 60px;}

.woocommerce #sidebar {display: none;}
.woocommerce .woocommerce-breadcrumb {display: none;}

.woocommerce-ordering {display: none;}
.woocommerce .woocommerce-breadcrumb {color: #1b2e35; line-height: 40px; margin-bottom: 0 0 30px; padding: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.woocommerce .woocommerce-breadcrumb a {color: #222 !important; font-weight: 700;}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {display: none;}
.woocommerce-loop-product__title {text-transform: none; line-height: 20px !important; letter-spacing: 0;}
.woocommerce ul.products li.product .price {font-size: 20px !important;}
.woocommerce div.product div.images img {border-radius: 10px;}
.woocommerce ul.products li.product a img {border-radius: 10px; border: 1px solid #CCC;}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {margin-bottom: 60px !important}

.woocommerce .fa-shopping-cart {margin-right:10px; font-size: 23px}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {background: #1b2e35 !important;}



.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .quantity .qty {border-radius: 4px; border: 1px solid #CCC; padding: 10px;}
.woocommerce div.product form.cart .button {line-height: 25px; text-transform: uppercase; letter-spacing: 1px}

.woocommerce .right-column {min-height: 800px; padding-left: 0; background-position: 0 -70px;}

.woocommerce .categories h3 {padding: 0 0 40px !important; margin: 0 !important; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 700;}
.woocommerce .categories ul {padding: 0; margin: 0;}
.woocommerce .categories li {list-style: none; line-height: 40px; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-weight: 600; margin: 0 0 10px -10px !important; padding: 0 10px; border-radius: 10px;}
.woocommerce .categories li a {display: block;}
.woocommerce .categories li i {float: right; display: block; line-height: 40px;}
.woocommerce .categories li:hover {background: #EEE;}
.woocommerce .categories li.active {background: #337ab7; }
.woocommerce .categories li.active a {color: #FFF !important}

.woocommerce .product_meta {display: none;}

.woocommerce form .form-row {display: block;}

#press-items a {display: block; text-align: center; font-weight: 700;}
#press-items i {font-size: 80px; color: #8b694e; margin-bottom: 15px; display: inline-block;}