/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* MOBILE */

@media only screen and (max-width: 768px) {
    .hidephone {
      display:none!important;} }

@media only screen and (min-width: 769px) {
    .hidedesk {
      display:none!important;} }

/* Resolve Main Menu Display When Using Boostrap */
#site-navigation-wrap .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

html, body {
    overflow-x: hidden!important;
}

.clr.page-subheading {
	font-size: 2rem!important;
}

/* HERO */

@media only screen and (max-width: 768px) {
    .herobg {
	background-image: url("/wp-content/uploads/2025/04/hero-bg-mobile.jpg");
	background-repeat: no-repeat;
	background-size: 100% 550px;
	background-position: center top;
    padding-top: 4em;} 
}

@media only screen and (min-width: 769px) {
    .herobg {
	background-image: url("/wp-content/uploads/2025/04/hero-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    padding-top: 16em;
    padding-bottom: 16em;} 
}

@media only screen and (max-width: 768px) {
    .herocolorbg {
	background: rgba(97, 28, 18, 1);} 
}

@media only screen and (min-width: 769px) {
    .herocolorbg {
	background: rgba(97, 28, 18, 0.8);} 
}

/* BACKGROUNDS */

@media only screen and (max-width: 768px) {
    .decks {
	background-image: url("/wp-content/uploads/2025/04/decks-bg.jpg");
	background-size: cover;
	height: 200px;}
}

@media only screen and (min-width: 769px) {
    .decks {
	background-image: url("/wp-content/uploads/2025/04/decks-bg.jpg");
	background-size: cover;
	height: 100%;} 
}

@media only screen and (max-width: 768px) {
    .pavers {
	background-image: url("/wp-content/uploads/2025/04/pavers-bg.jpg");
	background-size: cover;
	height: 200px;}
}

@media only screen and (min-width: 769px) {
    .pavers {
	background-image: url("/wp-content/uploads/2025/04/pavers-bg.jpg");
	background-size: cover;
	height: 100%;} 
}

@media only screen and (max-width: 768px) {
    .brownbg {
	background: #FAF1E8;
	padding-top:3em;
	padding-bottom: 3em;}
}

@media only screen and (min-width: 769px) {
    .brownbg {
	background: #FAF1E8;
	padding-top:10em;
	padding-bottom: 10em;}
}

@media only screen and (max-width: 768px) {
    .beforeafter {
	background: #FAF1E8;}
}

@media only screen and (min-width: 769px) {
    .beforeafter {
	background: #FAF1E8;}
}

/* THEME */

a {
	text-decoration: none!important;
}

.las.la-bars {
	font-size: 4rem;
}

@media only screen and (max-width: 768px) {
    #site-logo #site-logo-inner a img {
    height: 9em;} 
}

@media only screen and (min-width: 769px) {
    #site-logo #site-logo-inner a img {
    height: 12em;}
}

/* FONTS */

body {font-family: 'Montserrat';}

p {font-size: 1.8rem; font-family: 'Montserrat';}

h1, h2, h3, h4, h5 {font-family: 'Montserrat';}

h3 {color: #611C12!important; font-size: 2.3rem!important;}

.montserrat {font-family: 'Montserrat'; font-weight: 300!important;}

.wp-element-caption {display:none;}

.twentytwenty-after-label {
    opacity: 1;
    text-transform: uppercase;
	font-family: 'Montserrat';
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
    text-transform: uppercase;
	font-family: 'Montserrat';
}

.twentytwenty-before-label {
    opacity: 1;
    text-transform: uppercase;
	font-family: 'Montserrat';
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
    text-transform: uppercase;
	font-family: 'Montserrat';
}

@media only screen and (max-width: 768px) {
    .xlfont {
		font-size: 3.5rem;
	    font-weight: 600;} 
}

@media only screen and (min-width: 769px) {
    .xlfont {
		font-size: 6rem;
	    font-weight: 600;}
}

@media only screen and (max-width: 768px) {
   .largefont {
	   font-size: 2.5rem;
	   font-weight: 600;}
}

@media only screen and (min-width: 769px) {
    .largefont {
		font-size: 3rem;
	    font-weight: 600;}
}

.whitefont {color: #fff;}

.lightfont {color: #C4B19A!important;}

.darkfont {color: #611C12;}

.xsmfont {font-size: 1.2rem;}

.learnmore {
	color: #BD6117;
	font-size: 1.8rem;
	font-family: 'Montserrat';
	text-decoration: underline!important;
	text-underline-offset: .5em!important;
    text-decoration-thickness: 1px !important;}

.learnmore:hover {
	color: #611C12;
}

.las.la-tty, .las.la-map-marked-alt {
	color: #BD6117;
	font-size: 2.3rem;
}

ol, ul {
    padding-left: 0!important;
}

ul li {
	margin-bottom: 1em; 
	font-family: 'Montserrat'!important;
	font-size: 1.8rem;}

li::marker {
    color: #BD6117;
}

strong {font-weight: 600!important;}

.wp-block-button__link {
    font-weight: 500;
	font-family: 'Montserrat'!important;
}

.wp-element-caption {display: none!important;}

/* BUTTONS */

/* Menu Item-Name Color */
#site-header #menu-item-99 a.menu-link {
	color: #FFF;
	background: #BD6117;
	border-radius: 50px;
	margin-left: 1em;
	transition: 0.3s;
}

#site-header #menu-item-99 a.menu-link:hover {
	background: #611C12;
	transition: 0.3s;
}

.yellowbtn {
	background: #BD6117;
	border-radius: 50px;
	padding: 0.5em 1em;
	border: 2px solid #BD6117;
	text-transform: uppercase;
	font-size: 1.7rem;
	color: #FFF;
	transition: 0.3s;
	font-family: 'Montserrat';
}

.yellowbtn:hover {
	background: #FFF;
	border-radius: 50px;
	padding: 0.5em 1em;
	border: 2px solid #BD6117;
	text-transform: uppercase;
	font-size: 1.7rem;
	color: #BD6117;
	transition: 0.3s;
	font-family: 'Montserrat';
}


.yellowbtnsm {
	background: #BD6117;
	border-radius: 50px;
	padding: 0.5em 1em;
	border: 2px solid #BD6117;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #FFF;
	transition: 0.3s;
	font-family: 'Montserrat';
}

.yellowbtnsm:hover {
	background: #FFF;
	border-radius: 50px;
	padding: 0.5em 1em;
	border: 2px solid #BD6117;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #BD6117;
	transition: 0.3s;
	font-family: 'Montserrat';
}

/* CONTACT FORM */

.contact-space {padding-right: 0!important; padding-left: 0!important; margin-bottom: 1em;}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 1px solid #BD6117!important;
    background-color: #BD6117!important;
    color: #fff!important;
	border-radius: 50px;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 0px!important;
    background-color: #99a547!important;
    color: #fff!important;
}

input[type="email"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #FAF1E8!important; border: 0px!important;}

input[type="text"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #FAF1E8!important; border: 0px!important;}

input[type="tel"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #FAF1E8!important; border: 0px!important;}

textarea {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #FAF1E8!important; border: 0px!important; min-height: 6em!important; max-height: 6em!important;}

.wpcf7-list-item-label {font-weight: 300!important;}

::-webkit-input-placeholder { /* WebKit browsers */
color: #333 !important;
opacity: 1;
padding: 1em;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333 !important;
opacity: 1;
padding: 1em;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333 !important;
opacity: 1;
padding: 1em;   
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #707070 !important;
opacity: 1;
padding: 1em;   
}

/* FOOTER */

#footer-bottom #footer-bottom-menu li {
        margin-bottom: 8px;
        font-size: 1.2rem;
    }