/*
Theme Name:   sideris
Description:  Official theme - sideris xarhs
Author:       hiremycode
Author URL:   https://www.hiremycode.com
Template:     technico
Version:      0.000000800
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sideris
*/

:root {		
	--brown-color: #613b21;
	--beige-color: #BC9E82;
}

html {overflow-x: hidden}
body {font-family: "Geologica"; font-weight: 300 !important; overflow-x: hidden; color: var(--brown-color);}
.entry-content {font-family: "Geologica"; font-weight: 300 !important;}

h1,h2,h3,h4,h5,h6 {font-family: "Geologica"; font-weight: 600 !important; letter-spacing: 0.5px; color: var(--brown-color);}

strong {font-family: "Geologica"; font-weight: 600 !important;}

blockquote {padding-left: 40px !important}
blockquote:before {color: var(--brown-color) !important; font-family: sans-serif !important; left: -15px !important}

.widget {margin-bottom: 0px !important; }
.widget ul li {margin-bottom: 20px; font-family: "Geologica"; font-weight: 600 !important; font-size: 19px; line-height: 25px}
.widget ul li:last-child {margin-bottom: 0px !important}
.post-date {color: var(--beige-color); opacity: 1 !important; font-size: 15px !important; font-family: "Geologica"; font-weight: 500 !important;}

.wpb_widgetised_column {margin-bottom: 0px !important}

.vc_btn3 {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 1px; padding: 8px 30px !important; font-size: 15px !important;}
.btn {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 1px; padding: 8px 30px !important; font-size: 15px !important; border: 2px solid var(--brown-color); background: transparent !important; height: auto !important; margin-top: 25px; color: var(--brown-color);}
.btn:hover {background: var(--brown-color) !important; color: var(--beige-color) !important;}

.backtohome {display: none; position: relative; float: right; }
.backtohome a {position: relative; color: var(--back-color); padding-left: 60px; font-weight: 600}
.backtohome a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -10px; width: 40px; height: 40px; background: url(img/arrow-left.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtohome a:hover {color: var(--back-color);}

.backtoblog {display: none; position: relative; float: right; }
.backtoblog a {position: relative; color: var(--back-color); padding-left: 60px; font-weight: 600}
.backtoblog a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -10px; width: 40px; height: 40px; background: url(img/arrow-left.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtoblog a:hover {color: var(--back-color);}

.header img.custom-logo {width: 120px !important; position: relative; top: 9px; left: 7px}
.custom-logo-link {margin-bottom: 0px !important}


.main {padding-top: 0px; padding-bottom: 0px}

header {position: absolute; width: 100%; background: transparent; z-index: 100; left: 0px; top: 0px}


/*HERO SECTION*/
.hero {background: transparent; height: 100vh; position: relative; }

.hero:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--beige-color); left: 0px; top: 0px; border: 10px solid var(--brown-color); z-index: -1;}
.hero:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; left: 50%; top: 0px; border: 10px solid var(--brown-color); z-index: -1; background: url(img/harris-sideris-photo.jpg); background-size: cover; background-position: center center !important}

.hero-left-column {background: var(--beige-color); padding: 60px 40px 60px 0px !important; border-top: 10px solid var(--brown-color); border-bottom: 10px solid var(--brown-color); }
.hero-right-column {background: transparent; padding: 0px !important; border-top: 10px solid var(--brown-color); }

.pen {position: absolute; bottom: 0px !important}

/*TITLES*/
.hero-title {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; font-size: 59px; line-height: 74px; margin-bottom: 10px !important; margin-top: 160px !important}
.hero-subtitle {font-family: "Geologica"; font-weight: 600 !important; margin-top: 0px !important; font-size: 24px;}

.section-title {font-family: "Geologica"; font-weight: 700 !important; font-size: 36px; margin-top: 0px !important; margin-bottom: 20px !important}


.useful-links-title {margin-top: 60px !important}





.mast-head-wrap {padding: 25px 10px}

.firstcol {padding-left: 0px !important; padding-right: 0px !important; }
.thirdcol {text-align: right; font-family: "Geologica"; font-weight: 400 !important; font-size: 15px; letter-spacing: 0.5px; }
.findus {}
.findus a {color: var(--beige-color) !important; background: var(--brown-color); padding: 5px; display: inline-block; font-size: 20px !important; line-height: 28px !important; width: 36px; height: 36px; border-radius: 100%}
.findus a:hover {background: var(--beige-color) !important; color: var(--brown-color) !important}


.navigation {text-align: center}
.nav li a {font-family: "Geologica"; font-weight: 500 !important; font-size: 15px; letter-spacing: 0.5px; margin-left: 15px; margin-right: 15px; padding-bottom: 5px; border-bottom: 3px solid transparent !important; transition: none !important; text-transform: none; line-height: 22px; color: var(--brown-color) !important;}
.nav li.current-menu-item a {border-bottom: 3px solid var(--brown-color) !important; color: var(--brown-color);}
.nav li:hover a {border-bottom: 3px solid var(--brown-color) !important; transition: none !important; color: var(--brown-color);}

/*ABOUT*/
.about-section {position: relative; padding: 0px 0px;  }
.about-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 0px; top: 0px; z-index: -1}
.about-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--beige-color); left: 50%; top: 0px; z-index: -1}

.about-left-column {background: #ffffff; padding: 80px 40px 80px 0px !important;}
.about-right-column {background: var(--beige-color); padding: 80px 0px 80px 20px !important; border-left: 10px solid var(--brown-color); }




/*SERVICES*/
.grey-section {background: #F1EBE6; padding-top: 80px; padding-bottom: 80px}


.service-blocks {margin-top: 40px}

.service-block {margin-bottom: 18px !important; font-family: "Geologica"; font-weight: 300 !important; position: relative; padding-left: 20px; line-height: 23px; color: var(--brown-color);}
.service-block:before {content: ""; position: absolute; display: block; width: 5px; height: 5px; background: var(--beige-color); left: 0px; top: 9px; border-radius: 100%}
.service-block a {color: color: var(--brown-color) !important; font-weight: 500 !important; border-bottom: 0px !important}
.service-block a:hover {color: var(--beige-color) !important;}



/*NEWS*/
.news-section {position: relative; padding: 0px 0px;  }

.news-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--beige-color); left: 0px; top: 0px; z-index: -1}
.news-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 50%; top: 0px; z-index: -1}


.news-left-column {background: var(--beige-color); padding: 80px 40px 80px 0px !important; border-right: 10px solid var(--brown-color);}
.news-right-column {background: #ffffff; padding: 80px 0px 80px 40px !important;  }
.news-right-column h3 {display: none}


/*CONTACT*/

#map {width: 100%; height: 600px; background: #F1EBE6}
.info_content {max-width: 300px !important;}
.info_content h2 {margin-top: 3px; color: var(--brown-color); font-weight: 600 !important; font-size: 21px; text-align: center; text-transform: uppercase; letter-spacing: 0.5px}
.info_content p {margin-bottom: 5px; font-size: 14px; font-weight: 400; text-align: center}
.gm-style .gm-style-iw button {top: 0px !important; right: 0px !important}
.gm-style .gm-style-iw-c {border-radius: 0px !important; padding: 30px !important; box-shadow: none !important}
.gm-style .gm-style-iw-tc {display: none !important}
.gm-style .gm-style-iw-d {overflow: hidden !important}
.gm-style-iw-chr {display: none !important}


.contact-section {position: relative; padding: 0px 0px;  }

.contact-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 0px; top: 0px; z-index: -1}
.contact-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--beige-color); left: 50%; top: 0px; z-index: -1}


.contact-left-column {background: #ffffff; padding: 80px 40px 60px 0px !important;}
.contact-right-column {background: var(--beige-color); padding: 80px 0px 80px 40px !important; border-left: 10px solid var(--brown-color); }


/*** CONTACT ***/
.wpcf7-form label {color: var(--brown-color); font-family: "Geologica"; font-weight: 400 !important; text-transform: none; letter-spacing: 0.5px; font-size: 15px}
.wpcf7-form .row {margin-bottom: 25px;}
.wpcf7-text {border:0px; border-bottom: 3px solid var(--brown-color); padding: 8px 10px; color: var(--brown-color);margin-top: 8px; height: 34px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; }
.wpcf7-quiz {border:0px; border-bottom: 3px solid var(--brown-color); padding: 8px 10px; color: var(--brown-color);margin-top: 8px; height: 34px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; }
.wpcf7-textarea {border:0px; border-bottom: 3px solid var(--brown-color); padding: 8px 10px; color: var(--brown-color);margin-top: 8px; min-height: 50px; height: 100px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; resize: vertical}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus  {border-color: var(--beige-color)}

/* form buttons */
.wpcf7-submit {padding-left: 40px !important; padding-right: 40px !important; font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; font-size: 14px !important; background: transparent !important; color: var(--brown-color) !important; border: 2px solid var(--brown-color) !important; margin-top: 30px !important; height: auto !important}
.wpcf7-submit:hover {color: var(--beige-color) !important; background: var(--brown-color) !important;}

/* form quiz */
.wpcf7-list-item {margin-left: 0px !important; margin-top: -2px !important;width: 100%}
.wpcf7-list-item a {font-family: "Geologica"; font-weight: 400 !important; color: var(--brown-color) !important}
.wpcf7-list-item label {font-size: 14px; font-family: "Geologica"; font-weight: 200 !important;}

.forconsent span {display: inline-block; float: left}
.forconsent label {display: inline-block; padding-left: 12px; float: left}
.forconsent a {font-family: "Geologica"; font-weight: 400 !important; color: var(--brown-color) !important}


/* form responses */
.wpcf7-response-output {text-align: center; font-size: 14px !important; font-family: "Geologica"; font-weight: 400 !important; margin-left: 0px !important; margin-right: 0px !important;}
.wpcf7-validation-errors {background: #cc0000 !important; border-color: #cc0000 !important; color: #ffffff !important} 
.wpcf7-mail-sent-ok {background: #2fb390 !important; border-color: #2fb390 !important; color: #ffffff !important} 


.contactul {list-style-type: none; padding-left: 0px; font-family: "Geologica"; font-weight: 400 !important;}
.contactul li {margin-bottom: 5px}
.contactul .fa {color: var(--brown-color);}
.contactul .fa-map-marker {font-size: 19px; padding-left: 3px; margin-right: 15px}
.contactul .fa-map {font-size: 17px; margin-right: 12px; }
.contactul .fa-phone {font-size: 19px; margin-right: 13px; position: relative; top: 2px}
.contactul .fa-envelope {font-size: 17px; margin-right: 12px; padding-left: 0px;position: relative; top: 1px}



/*INSIDE PAGE*/

.page-hero {padding-top: 240px; padding-bottom: 40px; background: var(--beige-color); border: 10px solid var(--brown-color); margin-bottom: 60px; position: relative}
.page-hero:after {width: 40%; height: 100%; left: 60%; top: 0px; position: absolute !important; content: "" !important; display: block !important; background: url(img/harris-sideris-photo.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat}


.page-title {font-size: 52px; line-height: 62px; font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; text-align: left}
.page-subtitle {font-family: "Geologica"; font-weight: 600 !important; margin-top: 10px !important; font-size: 22px; color: var(--brown-color)}




.page-template-template-insidepage .main, .blog .main, .error404 .main {padding-bottom: 40px}
.page-template-template-insidepage .backtohome, .blog .backtohome, .error404 .backtohome{display: block}
.page-template-template-insidepage .findus, .blog .findus, .error404 .findus {display: none}
.page-template-template-insidepage .nav, .blog .nav, .error404 .nav {display: none}
.page-template-template-insidepage .mobile-menu-trigger, .blog .mobile-menu-trigger, .error404 .mobile-menu-trigger {display: none}

.page-template-template-insidepage .entry-content a, .blog .entry-content a {font-family: "Geologica"; font-weight: 400 !important; color: var(--beige-color); border-bottom: 0px !important}
.single-post .entry-content a.vc_btn3 {border-bottom: 2px solid var(--brown-color) !important}


/*.post {padding-left: 85px; position: relative}
.post:before {content: "\f1ea"; font-family: fontawesome; position: absolute; left: 0px; top: -8px; font-size: 46px;}*/

.entry-title {font-family: "Geologica"; font-weight: 600 !important;}
.entry-title a {color: var(--brown-color)}
.entry-meta:after {height: 3px; width: 45px}
.entry-time {letter-spacing: 0.5px; font-weight: 500; color: var(--beige-color);}
.entry-tags {border-top: 0px}

.single-post .main {padding-bottom: 40px}
.single-post .backtoblog {display: block}
.single-post .findus {display: none}
.single-post .nav {display: none}
.single-post .mobile-menu-trigger {display: none}
.single-post .entry-content a {font-family: "Geologica"; font-weight: 400 !important; color: var(--beige-color); border-bottom: 0px !important}


/*404*/
.error404 .error-hero {display: block; height: 100vh; text-align: center;background: var(--beige-color)}
.error404 .error-title {font-family: "Geologica"; font-weight: 400 !important; font-size: 22px;color: var(--brown-color); width: 240px; height: 150px; position: absolute; left: 50%; top: 50vh; margin-left: -120px; margin-top: -75px;}

.error404 .error-title:before {content: "404"; display: block;font-family: "Geologica"; font-weight: 700 !important; font-size: 100px; color: var(--brown-color); margin-bottom: 20px; line-height: 100px}


/*FOOTER*/
.footer {background: var(--brown-color) !important}
.footer-main {padding: 0px}
.footer-copy {border-top: 0px; padding: 20px 0px; font-family: "Geologica"; font-weight: 500 !important; font-size: 13px; letter-spacing: 0.5px; background: var(--brown-color);}




/****************** MIN QUERIES ***/

@media screen and (min-width: 360px) {
	
.container {max-width: calc(100% - 30px);}
}

@media screen and (min-width: 544px) {
	
.container {max-width: calc(100% - 80px);}
}

@media screen and (min-width: 768px) {

.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 850px) {

.container {max-width: 800px;}
}

@media screen and (min-width: 992px) {

.container {max-width: calc(100% - 40px);}

}

@media screen and (min-width: 1200px) {

.container {max-width: 1150px;}
}

@media screen and (min-width: 1300px) {

.container {max-width: 1200px;}
}

@media screen and (min-width: 1400px) {

.container {max-width: 1300px;}
}

@media screen and (min-width: 1600px) {

.container {max-width: 1400px;}
}

@media screen and (min-width: 1800px) {

.container {max-width: 1600px;}

}

@media screen and (min-width: 2000px) {

.container {max-width: 1800px;}
}





@media screen and (max-width: 1300px) {
	
.nav li a {margin-left: 15px; margin-right: 15px;}

#map {height: 500px}
	
.hero-title {font-size: 54px !important; line-height: 68px}
}


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


.hero-title {font-size: 50px !important; line-height: 64px}
.hero-subtitle {font-size: 22px}

.page-title {font-size: 46px; line-height: 56px}
.page-subtitle {margin-top: 5px !important}

.section-title {font-size: 32px}

.entry-title {font-size: 28px}

.forconsent label {padding-left: 25px; margin-top: -19px}

.pen {bottom: 48px}

}

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

.nav li a {margin-left: 9px; margin-right: 9px;}

.hero-title {font-size: 45px !important; line-height: 60px}

}

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

.findus {display: none}

.entry-content {font-size: 14px !important; line-height: 1.4 !important}

.hero-title {font-size: 36px !important; line-height: 46px; margin-bottom: 6px !important}
.hero-subtitle {font-size: 20px}

.page-hero {padding-top: 200px}
.page-hero:after {width: 30%; left: 70%}

.page-title {font-size: 36px; line-height: 46px}
.page-subtitle {font-size: 20px}
.section-title {font-size: 25px; }
.entry-title {font-size: 25px; }

.about-left-column {padding: 60px 15px 60px 0px !important}
.about-right-column {padding: 60px 0px 60px 15px !important}

.news-left-column {padding: 60px 15px 60px 0px !important}
.news-right-column {padding: 60px 0px 60px 35px !important}
.widget ul li {font-size: 18px; line-height: 24px}

.contact-left-column {padding: 60px 35px 40px 0px !important}
.contact-left-column .row {margin-bottom: 18px}
.contact-left-column .row .col-lg-6:first-child {margin-bottom: 18px !important}
.contact-right-column {padding: 60px 0px 60px 15px !important}

.contactul {font-size: 14px}
.contactul .fa-map-marker {margin-right: 7px}
.contactul .fa-map {margin-right: 5px; }
.contactul .fa-phone {margin-right: 5px;}
.contactul .fa-envelope {margin-right: 5px;}

.service-block {line-height: 19px; padding-left: 20px}


/*MENU*/
#mobilemenu {display: block;text-align: center; color: var(--brown-color); z-index: 600; height: 100% !important; background: transparent;font-family: "Geologica"; font-weight: 400 !important;}
.fa-navicon::before {color: var(--brown-color);}
.mobile-menu-trigger {height: 32px}

.mm-opened #mobilemenu {background: var(--beige-color); border: 10px solid var(--brown-color);}
.mm-menu.mm-top {max-height: 100%}
.mm-navbar {background: transparent !important; border-bottom: 0px !important; }
.mm-navbar .mm-title {display: none}
.mm-close {top: 0px !important; right: 10px !important; width: 65px !important; color: var(--brown-color) !important}

.mm-close::after {content: ""; width: 30px; height: 30px; background: url(img/close.png); background-size: cover; background-position: center center; display: block; margin-left: 12px; margin-top: 5px}
.mm-panels {background: transparent}
.mm-listview {height: 90%;display: flex; flex-direction: column; justify-content: center; align-items: center;}

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-size: 22px; line-height: 25px; font-weight: 600; padding: 0px;color: var(--brown-color) !important; letter-spacing: 0.5px;margin-bottom: 12px}
.mm-listview li.current-menu-item a {color: var(--brown-color);}
.mm-listview li a:hover {color: var(--brown-color)}

.mm-listview li a:hover:before {content: ""; position: absolute; height: 2px; width: 10px; background: var(--brown-color); top: 10px; left: -20px;}

.mm-listview li.menu-item-type-post_type.current_page_item a:before {content: ""; position: absolute; height: 2px; width: 10px; background: var(--brown-color); top: 10px; left: -20px;}


.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}

.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}

.mm-opened .fa-navicon {display: none}

.mm-panel.mm-subopened {opacity: 0.1 !important}

.mm-prev {top: 18px !important; left: -13px !important}
.mm-prev::after {content:""; width: 32px; height: 32px; background: url(img/back.png); background-size: cover; background-position: center center; display: block }
.mm-prev::before {display: none}

.mm-next {right: -70px !important; width: 350px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 32px !important; height: 32px !important; top: -1px !important; background: url(img/right.png); background-size: cover !important; background-position: center center; display: block}
.mm-next:hover + a {color: #ffffff !important}

.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}


.wpcf7-form {margin-left: 15px !important; margin-right: 15px !important}



.footer-copy {font-size: 12px}

.pen {bottom: 39px}


}


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

.hero-title {font-size: 32px !important; line-height: 42px; margin-bottom: 6px !important}
.hero-subtitle {font-size: 18px !important}
}


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


.page-hero {padding-top: 165px}
.page-hero:after {display: none !important}
.page-title {font-size: 36px; line-height: 46px}
.page-subtitle {font-size: 18px}

.entry-content h2 {font-size: 22px}
.entry-content h3 {font-size: 19px}

.entry-title {font-size: 24px}

.section-title {font-size: 28px !important}

.hero {height: 80vh}
.hero .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.hero:after {background-position: -50px center}

.hero-left-column {width: 70% !important}
.hero-right-column {display: none !important}

.about-section .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.about-section:before {background: #ffffff !important}
.about-section:after {background: #ffffff !important}

.about-left-column {padding: 50px 0px 20px 0px !important}
.about-right-column {background: #ffffff !important; border-left: 0px !important; padding: 0px 0px 20px 0px !important}

blockquote:before {font-size: 68px !important; left: -4px !important}

.grey-section {padding-top: 60px !important; padding-bottom: 60px !important}

.grey-section .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.grey-section .section-title {text-align: left !important}
.service-block {padding-left: 35px}
.service-block:before {left: 15px}

.news-section:before {background: #ffffff !important}
.news-section:after {background: #ffffff !important}

.news-left-column {border-right: 0px !important; padding: 60px 0px 30px 0px !important; background: #ffffff;border-bottom: 10px solid var(--brown-color) }
.news-left-column .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.news-right-column {padding: 50px 0px 50px 0px !important}


.wpcf7-form {margin-left: 0px !important; margin-right: 0px !important}
 
#map {height: 400px}


.contact-section:before {background: #ffffff !important}
.contact-section:after {background: #ffffff !important}

.contact-left-column {padding: 50px 0px 50px 0px !important}
.contact-right-column {padding: 60px 0px 30px 0px !important; border-bottom: 10px solid var(--brown-color); border-left: 0px !important; background: #ffffff !important}
.contact-right-column .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}

.contactul .fa-map-marker {margin-right: 15px}
.contactul .fa-map {margin-right: 12px; }
.contactul .fa-phone {margin-right: 13px;}
.contactul .fa-envelope {margin-right: 12px;}

}



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

.main {padding-left: 30px; padding-right: 30px}
.blog .container .row .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important}
.single-post .container .row .col-lg-10 {padding-left: 0px !important; padding-right: 0px !important}
.main-content .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}

.hero {height: 100vh; }
.hero-title {font-size: 31px !important; line-height: 41px; }
.hero-subtitle {font-size: 19px !important}
.hero:before {border: 0px}
.hero:after {background: var(--beige-color) !important; border: 0px}
.hero-left-column {width: 100% !important; padding: 0px !important; border: 0px}

.page-hero {padding-left: 15px; padding-right: 15px; border: 0px !important}

.news-left-column {border-bottom: 5px solid var(--brown-color);}
.contact-right-column {border-bottom: 5px solid var(--brown-color);}

.mm-opened #mobilemenu {border: 0px;}

}


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

.header img.custom-logo {top: 9px; left: 15px}
}


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

.main {padding-left: 25px; padding-right: 25px}
.page-hero {padding-left: 10px; padding-right: 10px;}

.hero-title {font-size: 36px; line-height: 40px; margin-top: 110px !important; margin-bottom: 10px !important}
.hero-subtitle {font-size: 20px !important}
.page-title {font-size: 36px; line-height: 40px}

.entry-title {font-size: 21px}

.section-title {font-size: 26px !important}


.contact-left-column {padding-bottom: 20px !important}

.footer-copy {letter-spacing: 0px !important}

}