/*
Theme Name:     arhontiko
Description:    Official child theme for Arhontiko Ermoupolis
Author:         hiremycode
Template:       sunresort
Version: 		3.445

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*GENERAL*/
body {font-family: 'Noto Serif', serif;font-size: 14px; line-height: 1.85}
h4 {font-size: 22px}
.left-title {text-align: left;}
.section-title {font-family: 'Roboto Slab', serif;color: #202020 !important; font-size: 41px; margin-bottom: 50px; line-height: 52px !important}
.widget_ci-items .widget-wrap {padding-bottom: 110px; padding-top: 100px; background-color: #f5f5f5; margin-top: 120px; margin-bottom: 120px}
.widget-wrap:after {background-image: none !important}
.bottom-sections:before {background-image: none !important }
.bottom-sections {padding-top: 0px}
.home-sections {padding-bottom: 0px}
.ci-zoom:after {display: none}


/*HEADER*/
.header {background: #ffffff}
.altlogo {display: none}
.scrollActive .primary-header {left: 50%;margin-left: -585px;position: fixed;top: 0;z-index: 999999;}
body.scrollActive {padding-top: 40px}
.scrollActive .logo-wrap {display: none} 
.scrollActive .altlogo {display: block; width: 90px; padding: 5px; background: transparent; margin: 0 auto}
/*.scrollActive .altlogo img {border: 1px solid #be944b}*/
.standout a{color: #be944b;  margin-left: 5px; margin-right: 5px}
.standout a:hover {color: #202020}



/*HEADER LEFT WIDGETIZED AREA*/
.headerleft {text-transform: lowercase; color: #202020; letter-spacing: 0.5px}
.headerleft .fa {color:#be944b; padding-left: 15px }
.headerleft ul {list-style-type: none;}
.headerleft ul li {display: inline-block}



/*LANGUAGES*/
.languages {color: #202020}
.languages span {color: #be944b;}



/*PAGE HERO*/
.page-hero:before {position: absolute;top: 0; right: 0; bottom: 0; left: 0;background-color: rgba(0,0,0,0.1);content: ' ';height: 100%;z-index: 9}
.page-hero {height: 600px;position: relative; margin-bottom: 40px }
.page-hero .hero-title {padding-top: 100px; font-size: 60px;z-index: 10; position: relative;font-family: 'Roboto Slab', serif; font-weight: 300}



/*NAVIGATION*/
.nav {background: rgba(210, 181, 131,0.9)}
.navigation > li > a {text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 400; padding: 8px 7px 9px;color: #202020}
.navigation li.current-menu-item a {color: #ffffff !important}
.navigation li a:hover {color: #ffffff !important}
.navigation li a:focus {color: #ffffff !important}
.navigation li.current-menu-parent a{color: #ffffff !important}



/*INPUTS*/
input, textarea, .dk-selected {border-color: #4b4b4b !important;}
.dk-selected {color: #4b4b4b !important}
input::placeholder {color: #4b4b4b !important; } 
input::-webkit-input-placeholder {color: #4b4b4b !important;}
input::-moz-placeholder {color: #4b4b4b !important;}
input:-ms-input-placeholder {color: #4b4b4b !important;}
input:-moz-placeholder {color: #4b4b4b !important;}
textarea::placeholder {color: #4b4b4b !important; }
textarea::-webkit-input-placeholder {color: #4b4b4b !important;}
textarea::-moz-placeholder {color: #4b4b4b !important;}
textarea:-ms-input-placeholder {color: #4b4b4b !important;}
textarea:-moz-placeholder {color: #4b4b4b !important;}



/*ROWS*/
.secondrow {margin-top: 80px; margin-bottom: 100px}
.thirdrow {margin-top: 80px; margin-bottom: 100px}
.greyrow {background: #f5f5f5; padding-top: 80px; padding-bottom: 80px;text-align: center}
.greyrow h2 {margin-bottom: 30px}
.greyrow ul {list-style-type: none; padding-left: 0px}
.greyrow ul li {font-size: 16px}
.greyrow .fa {font-size: 17px; margin-right: 10px; color:#d2b583 }
.accommodation-bottom {background: #f5f5f5}
.accommodation-bottom h2 {margin-top: 80px}



/*BUTTONS*/
.btn {border: 0px !important; padding: 0px !important; letter-spacing: 0.5 !important;}
.btn:hover {background: transparent !important; color: #202020 !important;}
.btn:after {content: "\f178"; font-family: fontawesome; padding-left: 10px}
.entry-content .btn {color: #d2b583; box-shadow: none; padding-top: 15px !important;}
.entry-content .btn:hover {box-shadow: none}



/*ITEMS*/
.row.row-joined [class^="col"]{padding: 15px;}
.row-joined {margin-left: -15px !important; margin-right: -15px !important}
/*.row.row-joined .col-sm-6:first-child {width: 100%;}*/
.item-list .item a:before { width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); position: absolute; content: ""; left: 0px; top: 0px}
.item-list .item-details {font-family: 'Roboto Slab', serif; background: transparent; bottom: 50%;margin-bottom: -30px; left: 0px; right: 0px; width: 100%;height: 60px; text-align: center; color: #ffffff;}
.item-list .item-details .item-title {font-size: 28px}
.item-list .item-details .item-subtitle {display: none}



/*HOME SLIDER*/
.home-slider {margin-bottom: 80px}
.home-slider .slides > li:before { width: 100%; height: 100%; background-color: rgba(0,0,0,0.15); position: absolute; content: ""; left: 0px; top: 0px}
.slide-title {font-family: 'Roboto Slab', serif;font-weight: 300; line-height: 65px}


/*TESTIMONIALS*/
.home .widget_ci-testimonials {margin-top: 120px !important;}
.widget_ci-testimonials .section-title {color: #ffffff !important}
.widget_ci-testimonials .widget-wrap:before { width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); position: absolute; content: ""; left: 0px; top: 0px}
.widget_ci-testimonials .widget-wrap {padding-top: 160px !important; padding-bottom: 160px !important;background-position: center center }
.widget_ci-testimonials cite {color: #ffffff;font-family: 'Roboto Slab', serif; }
.widget_ci-testimonials .ci-active {background-color: #ffffff !important}
.ci-control-paging li a {background-color: #cdcdcd; border-radius: 15px}
.ci-control-paging li a:hover {background-color: #ffffff}
.hero-testimonial:before {content: ""}


/*BOOKING AND REASONS*/
.reasons {text-align: center}
.reasons ul {list-style-type: none; padding-left: 0px}
.reasons ul li {font-size: 16px}
.reasons ul li:before {content: "\f05d"; font-family: fontawesome; color: #d2b583; padding-right: 10px}
.booking-wrap > div {width: 32%}
#custom_html-4 {margin-bottom: 30px} /*booking reasons home page*/
#custom_html-5 {margin-bottom: 30px} /*booking reasons inside pages*/
#custom_html-13 {margin-bottom: 30px} /*booking reasons home page EN*/
#custom_html-14 {margin-bottom: 30px} /*booking reasons inside pages En*/
.home .widget_ci-booking-form {margin-bottom: 0px}



/*CONTACT FORM*/
.wpcf7-form p {margin-bottom: 28px}
.wpcf7-textarea {resize: vertical}
.wpcf7-submit {border: 0px !important; padding: 0px  !important; margin-bottom: 40px}
.wpcf7-submit:hover {background: transparent !important; color: #202020 !important}
.ajax-loader {position: absolute; right: 15px}

.wpcf7-list-item {margin-left: 0px !important;}
.wpcf7-list-item span {text-transform: none !important}
.wpcf7-list-item span a {border-bottom: 0px !important;box-shadow:none !important; color: #d2b583 }
.wpcf7-list-item input[type="checkbox"] {width: 15px !important; height: 15px !important; position: relative; top: 1px; margin-right: 5px; -webkit-appearance:checkbox !important}


.wpcf7-response-output {margin-left: 0px !important; margin-right: 0px !important}
.wpcf7-validation-errors {background: red !important; border-color: red !important; color: #ffffff !important} 
.wpcf7-mail-sent-ok {background: #2fb390 !important; border-color: #2fb390 !important; color: #ffffff !important} 


.contactrow {margin-bottom: 80px}
#map {height: 570px;}
.info_content h2 {margin-top: 0px; font-family:'Roboto Slab', serif; font-size: 22px; font-weight: 300 }
.info_content p {font-size: 15px; font-family: 'Noto Serif', serif; }
.info_content .fa {font-size: 17px; margin-right: 10px; color:#202020 }
.info_content .fa-map-marker {font-size: 20px; padding-left: 2px; margin-right: 14px}
.info_content .fa-mobile {font-size: 22px; padding-left: 4px; margin-right: 14px}
.info_content .fa-phone {font-size: 18px; margin-right: 12px}
.info_content p {margin-bottom: 10px}



/*SINGLE ROOMS*/
.room-slider {margin-top: 60px; margin-bottom: 120px}
.single-cpt_room .bottom-sections {padding-bottom: 0px; margin-top: 0px}
.single-cpt_room .bottom-sections .widget-padded:first-child {margin-top: 0px}
.single-cpt_room .widget_ci-testimonials {margin-bottom: 0px}
/*.single-cpt_room .widget_ci-booking-form {display: none}
.single-cpt_room #custom_html-5 {display: none}*/
.single-cpt_room .entry-content .more-btn {text-align: center;}
.single-cpt_room .entry-content .more-btn .btn {white-space: normal}

.roomswide {background: #ffffff; padding-top: 100px}
.foramenities {background: #f5f5f5; padding-top: 100px; padding-bottom: 120px}
.foramenities ul {columns:4; -webkit-columns: 4;-moz-columns: 4;}
.foramenities ul li {break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;}



/*OTHER ROOMS*/
/*.single-cpt_room .row.row-joined .col-sm-6:first-child {width: 50%}*/
.postid-17 .item-list .col-sm-6:first-child {display: none} /*luxury suite*/
/*.postid-13 .item-list .col-md-4:nth-child(2) {display: none} celar*/
.postid-21 .item-list .col-sm-6:nth-child(2) {display: none} /*deluxe double*/
.postid-4 .item-list .col-sm-6:nth-child(3) {display: none} /*deluxe twin*/

.postid-712 .item-list .col-sm-6:first-child {display: none} /*luxury suite EN*/
/*.postid-13 .item-list .col-md-4:nth-child(2) {display: none} celar*/
.postid-714 .item-list .col-sm-6:nth-child(2) {display: none} /*deluxe double EN*/
.postid-713 .item-list .col-sm-6:nth-child(3) {display: none} /*deluxe twin EN*/



/*SYROS*/
.forsyros {margin-bottom: 80px}
.page-id-280 .page-hero:before {background-color: rgba(0,0,0,0.2);}
.page-id-721 .page-hero:before {background-color: rgba(0,0,0,0.2);}
.insideimage {margin-top: 40px; margin-bottom: 60px}
.withmargin {margin-top: 40px}



/*DHMOSIEUSEIS*/
.dhmosieuseis {margin-bottom: 80px}
.dhmosieuseis .alignnone {margin-bottom: 0px}
.dhmosieuseis h3 {text-align: center; font-size: 16px; margin-top: 0px; margin-bottom: 0px; min-height: 60px;font-family: 'Roboto Slab', serif; font-weight: 400}
.dhmosieuseis.item-list .item a:before {background-color: transparent}
.dhmosieuseis.item-list .item a {border-bottom: 0px !important}


/*BLOG AND SINGLE ARTICLE*/
.category .entry-time:after {content: none}
.entry-title {font-size: 32px; line-height: 42px; margin-bottom: 20px;font-family: 'Roboto Slab', serif;color: #202020 !important; font-weight: 300;}
.entry-title a {color: #202020}
.single-post .page-hero {height: 200px}
.single-post .hero-title {display: none}
.single-post .entry-title {font-size: 42px; margin-bottom: 40px}


/*GALLERIES*/
.single-cpt_gallery .item-list .item a:before {background-color: transparent}



/*AWARDS*/
.greyrow.awards-badges {padding-top: 40px; padding-bottom: 20px}
.awards-badges .award-badge {display: inline-block; padding-left: 15px; padding-right: 15px; padding-bottom: 20px}
.awards-badges .award-badge img {width: 60px}
.awards-badges .award-title {font-size: 13px; margin-top: 15px; color: #909090; line-height: 18px}



/*FOOTER*/
.footer:before { background-image: none !important}
.footer {background: #d2b583; margin-bottom: 0px; color: #202020; padding-top: 5px}
.footer ul {list-style-type: none; padding-left: 0px; margin-top: 8px}
.footer ul li {display: inline-block; margin-right: 10px;}
.footer ul li .fa {padding-right: 5px}
.footer ul li a {color: #202020 !important}
.footer-text {color: #202020 !important; padding-bottom: 15px;}
.footer-text a {color: #202020 !important}



/*SOCIAL*/
.ci-socials-ignited a {margin-right: 7px}
.ci-socials-ignited-fa a {margin-bottom: 0px}
.ci-socials-ignited {margin-right: 8px}
.ci-socials-ignited .fa-tripadvisor:before {padding-left: 1px}


/*LANGUAGES*/
.widget_polylang ul {margin-top: 0px; margin-bottom: 0px}
.lang-item {display: inline-block;}
.lang-item a {color: #4b4b4b}
.lang-item-el {border-right: 1px solid #be944b; padding-right: 5px; margin-right: 3px}
.lang-item.current-lang a{color: #be944b}


/*PRIVACY POLICY*/

.privacy-policy a {color: #be944b !important; border-bottom: 0px !important; box-shadow: none !important}
.privacy-policy {padding-bottom: 80px}


/*COOKIES*/
#cn-notice-text {margin-bottom: 0px !important}
.cookie-notice-container {font-weight: 400; background: rgba(210, 181, 131,0.9) !important }
.cn-button {padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 10px !important; padding-right: 10px !important; color: #000000 !important; font-weight: 400 !important;text-transform: uppercase }
.cn-button:hover {background: transparent !important}





/*RESPONSIVE*/

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

.nav {height: 35px}
.navigation > li > a {padding: 6px 7px 7px;}
}

@media only screen and (max-width: 1300px) {
.page-hero {height: 450px; }
.page-hero .hero-title {padding-top: 20px}
}


@media only screen and (max-width: 1200px) {
.foramenities ul {columns:3; -webkit-columns: 3;-moz-columns: 3;}
}

@media screen and (max-width: 1199px){
body {font-size: 14px}
.section-title {font-size: 36px; line-height: 44px !important}
.navigation > li > a {font-size: 11px}
.slide-title {font-size: 46px; line-height: 50px}

.scrollActive .primary-header{margin-left: -485px; }
.home-slider {margin-bottom: 0px}
.home-sections .widget:first-child:not(.widget-padded) {margin-top: 40px}

.widget_ci-items .widget-wrap {padding-bottom: 80px; padding-top: 80px; background-color: #f5f5f5; margin-top: 80px; margin-bottom: 80px}

section.widget {margin: 0 0 60px}

.home .widget_ci-testimonials {margin-top: 80px !important; }

.page-hero {margin-bottom: 0px}
.page-hero .hero-title {font-size: 46px}
} 


@media only screen and (max-width: 991px) {
.page-hero {height: 450px; }
.page-hero .hero-title {padding-top: 40px}

.foramenities ul {columns:2; -webkit-columns: 2;-moz-columns: 2;}

.scrollActive .primary-header{position: relative; z-index: 5; }

.logo-wrap {width: 190px;}   
.scrollActive .logo-wrap {display: block; left: 50%; margin-left: 15px}
.scrollActive .altlogo {display: none}   
   
.nav {background:transparent}

.head-right {background: #ffffff; width: 400px; position: fixed; top: 12px;left:50%; margin-left: -200px; text-align: center;z-index: 999999}
#mobile-bar {background: #ffffff;}

.top-head {background: transparent}
.top-head .col-sm-6 {width: 100%}

.mob-title {display: none}

body.scrollActive {padding-top: 0px}

.home .btn {margin-bottom: 40px}

.widget_ci-testimonials .widget-wrap {padding-top: 80px !important; padding-bottom: 80px !important}

.insideimage {margin-bottom: 30px; margin-top: 10px}

#map {margin-top: 40px; height: 400px}

.contactrow {margin-bottom: 40px}
.greyrow {padding-top: 40px; padding-bottom: 40px}

.room-slider {margin-bottom: 80px; margin-top: 40px}
.foramenities {padding-top: 60px; padding-bottom: 60px}

.single-cpt_room main {padding-top: 20px}

.entry-title {font-size: 32px;}
.single-post .entry-title {font-size: 32px; margin-bottom: 40px}

.mm-menu > .mm-navbar {background: #d2b583; border: 0px}
.mm-menu > .mm-panel {background: #d2b583}
.mm-listview > li:not(.mm-divider)::after {left: 0px}
.mm-menu .mm-listview > li::after {border-color: rgba(0, 0, 0, 0.02)}
.mm-listview > li > a, .mm-listview > li > span {padding: 7px 7px 7px 20px; letter-spacing: 0.2px; font-size: 13px}
.mm-navbar .mm-title {display: none}
.mm-close::after {content: url(../../uploads/2018/02/closeicon.png);}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {content: url(../../uploads/2018/02/burgermenuicon.png)}
.menu-trigger, .menu-trigger:focus {top: 0px}

/*COOKIES*/
#cn-notice-text {width: 100%; margin-bottom: 10px !important}


}


@media only screen and (max-width: 768px) {
.logo-wrap {width: 140px; position: absolute; top: -40px; margin-top: 0px; left: 50%; margin-left: -70px}
.scrollActive .primary-header{display: none }
#mobile-bar {height: 51px; border-bottom: 0px}

.page-hero {height: 360px; padding-top: 155px}

.booking-wrap > div {width: 100%}

.reasons ul li {font-size: 14px}
.reasons h4 {font-size: 16px}
.greyrow ul li {font-size: 14px}
}


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

.page-hero {height: 270px; }
.page-hero .hero-title {padding-top: 0px; font-size: 36px}

.foramenities ul {columns:1; -webkit-columns: 1;-moz-columns: 1;text-align: center}

.head-right {background: #ffffff; width: 220px; position: fixed; top: 16px;left:50%; margin-left: -110px; text-align: center;z-index: 999999; font-size: 11px}
.head-right .widget_polylang ul {padding-left: 0px}
.top-head .ci-socials-ignited {display: none}

.logo-wrap {width: 140px; margin-left: -70px; top: -47px}

.slide-content {display: none}

.home-sections .widget:first-child:not(.widget-padded) {margin-top: 0px}

.widget_ci-items .widget-wrap {padding-bottom: 40px; padding-top: 40px; background-color: #f5f5f5; margin-top: 40px; margin-bottom: 40px}

section.widget {margin: 0 0 20px}

.home .widget_ci-testimonials {margin-top: 40px !important;margin-bottom: 40px !important }

.widget_ci-testimonials {margin-bottom: 40px !important}
.widget_ci-testimonials .container {padding: 0px !important}
.widget_ci-testimonials .widget-wrap {padding-top: 40px !important; padding-bottom: 40px !important}
.widget_ci-testimonials blockquote {font-size: 14px}

.section-title {font-size: 26px; line-height: 34px !important; margin-bottom: 30px}
.item-list .item-details .item-title {font-size: 24px}

.secondrow {margin-top: 40px; margin-bottom: 60px}

.accommodation-bottom h2 {margin-top: 40px}

.footer ul li {font-size: 14px}
.footer-text {font-size: 11px; margin-top: 10px}

.room-slider {margin-bottom: 20px;}
.roomswide {padding-top: 40px}

#map {height: 350px}

.entry-title {font-size: 26px; line-height: 32px}
.single-post .entry-title {font-size: 26px; line-height: 32px}


}

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


.dhmosieuseis .col-xs-6 {width: 100%}

}



@media only screen and (orientation: landscape) {


}

@media only screen and (max-width: 1000px) and (orientation: landscape) {


}


@media only screen and (max-width: 735px) and (orientation: landscape) {
	
}

@media only screen and (max-width: 600px) and (orientation: landscape) {
	
}