/*
Theme Name: Flawless Child
Description: Flawless Child Theme
Author: CtrlX
Author URI: http://www.ctrlx.co.uk
Template: flawless
Version: 1.0.0
Text Domain: flawless-child
*/
/* Header/Navigation
----------------------------------------------------------------*/
.gdlr-header-wrapper {
position: relative;
z-index: 99;
}
.sf-menu > li > a {
font-size: 18px !important;
font-weight: 100;
}
.top-navigation-wrapper {
display: none;
}
/* Layout */
.section-container,
.gdlr-item-start-content,
.gdlr-parallax-wrapper,
.gdlr-color-wrapper {
padding-top: 40px;
}
/* Global Styles
----------------------------------------------------------------*/
/* Links */
.content-wrapper a {
text-decoration: underline;
}
.content-wrapper .wp-block-button a,
.content-wrapper .wp-block-heading a {
text-decoration: none;
}
/* Buttons */
.gdlr-button {
background: #7375a6 !important;
border-color: #525990 !important;
}
.gdlr-button:hover {
background: #10ca32 !important;
border-color: #0b8421 !important;
}
.wp-block-button__link:hover {
opacity: .5;
color: #fff;
}
/* Titles */
.gdlr-item-title-wrapper.pos-no-caption .gdlr-item-title {
font-size: 26px;
border-bottom-width: 0;
}
.stunning-text-title {
font-size: 24px !important;
padding-right: 20px;
}
.gdlr-page-title-wrapper {
padding: 10px 0 !important;
background-size: cover !important;
}
.gdlr-page-title-wrapper .gdlr-page-title {
text-shadow: 0px 0px 5px rgba(1, 1, 1, 1);
padding: 20px 0 15px 0;
}
/* PAGE: Home
----------------------------------------------------------------*/
.home .gdlr-item {
margin: 0px 0 20px;
}
/*
.home .container {
max-width: 100%;
}
.home .wp-block-genesis-blocks-gb-columns {
max-width: 1000px;
margin: 0 auto;
}
*/
/* Spacing */
.home .gdlr-full-size-wrapper {
padding-bottom: 0px !important;
}
.home .gdlr-item-start-content,
.home .section-container {
padding-top: 0px;
}
/*
.home .gdlr-item.gdlr-main-content {
margin-bottom: 15px;
}
*/
/* Titles */
.home .gdlr-item-title-wrapper {
margin: 0 0 20px 0;
}
/* Portfolio (4 Up) */
.home .gdlr-classic-portfolio .portfolio-thumbnail {
margin-bottom: 10px;
}
.home .gdlr-classic-portfolio .portfolio-title {
font-size: 20px;
}
/* List */
.home .list-with-icon {
margin-bottom: 8px;
padding-bottom: 0px;
border-bottom-width: 0px;
}
/* Gallery */
.home .gdlr-gallery-item.gdlr-item.gdlr-gallery-thumbnail .gallery-item {
padding: 0px;
}
/* Logos */
.home .below-sidebar-wrapper .gdlr-image-link-shortcode img {
width: 100px;
margin: 0 auto;
}
/* PAGE: House
------------------------------------------------------------------*/
/*
.page-id-9 .gdlr-page-title-wrapper {
display: none;
}
*/
/* PAGE: Booking
------------------------------------------------------------------*/
/* Prices */
.page-id-254 .wp-block-details summary {
text-align: center;
}
.page-id-254 .wp-block-table thead {
border-bottom: 0;
}
/* Layout */
/*
#supercontrol-availability #supercontrol_avail_ajax_results_box,
#supercontrol-availability #supercontrol_avail_ajax_calendar_box {
width: 47% !important;
padding: 10px 1% !important;
}
*/
/* Legend */
/*
#supercontrol-availability .supercontrol-availability-calendar_legend {
width: 48%;
margin: 15px 0 20px 0 !important;
}
#supercontrol-availability .smaller {
font-size: 15px !important;
padding: 5px 0;
}
#supercontrol-availability #supercontrol-availability table tr td {
padding: 10px !important;
}
*/
/* Month Select */
/*
.sc-arrow-btn-container {
width: 80% !important;
margin: 10px auto 20px !important;
}
.select-month {
width: 90% !important;
}
.select-month select {
width: 95% !important;
font-size: 15px !important;
font-weight: bold;
}
.select-month-container {
width: 76% !important;
}
*/
/* Month Nav Button */
/*
.sc-arrow-btn {
width: 10% !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.sc-arrow-btn .icon {
font-weight: bold !important;
width: 100% !important;
padding-top: 8px !important;
}
*/
/* Calendar */
/*
.sc-calendar {
width: 80% !important;
margin: 10px auto !important;
}
.sc-calendar table {
margin-top: 10px !important;
}
.sc-calendar td {
border: 1px solid #ccc !important;
}
*/
/* Table Head */
/*
#supercontrol-availability .calendar-month table tr th.days-week {
color: #222;
background: #fff !important;
}
.supercontrol-availability-avail_calendar thead tr{
margin: 0px 0 10px 0 !important;
padding: 0px !important;
}
.supercontrol-availability-avail_calendar thead th{
height:28px !important;
margin: 0px !important;
padding: 0px !important;
}
*/
/* Cells */
/*
div.calendar_date span {
line-height: 100% !important;
}
#supercontrol-availability .cal_sample_cell {
font-size: 15px !important;
padding: 5px;
}
.a_a_n .diaggradientback, .a_as_n .diaggradientback, .a__n .diaggradientback, .as_as_n .diaggradientback, .as_a_n .diaggradientback, .as__n .diaggradientback, .a_a_n .diaggradientfront, .a_as_n .diaggradientfront, .a__n .diaggradientfront, .as_as_n .diaggradientfront, .as_a_n .diaggradientfront, .as__n .diaggradientfront, .bp_bp_n .diaggradientback, .bp__n .diaggradientback, .bp_bp_n .diaggradientfront, .bp__n .diaggradientfront, .a_a_y .diaggradientback, .a_as_y .diaggradientback, .a__y .diaggradientback, .a_a_y .diaggradientfront, .a_as_y .diaggradientfront, .a__y .diaggradientfront, .as_as_y .diaggradientback, .as_a_y .diaggradientback, .as__y .diaggradientback, .as_as_y .diaggradientfront, .as_a_y .diaggradientfront, .as__y .diaggradientfront, .b_b_n .diaggradientback, .b_bp_n .diaggradientback, .b__n .diaggradientback, .b_b_y .diaggradientback, .b_bp_y .diaggradientback, .b__y .diaggradientback, .b_b_n .diaggradientfront, .b_bp_n .diaggradientfront, .b__n .diaggradientfront, .b_b_y .diaggradientfront, .b_bp_y .diaggradientfront, .b__y .diaggradientfront, .bp_bp_y .diaggradientback, .bp__y .diaggradientback, .bp_bp_y .diaggradientfront, .bp__y .diaggradientfront, a_b_y .diaggradientfront {
width: 100% !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.a_b_y div.calendar_date,
.b_a_y div.calendar_date,
.b_a_n div.calendar_date {
color: #222 !important;
text-shadow: none !important;
}
.relative_container {
bottom: 1px !important;
}
div.calendar_date {
padding: 0 0 8px 0 !important;
}
.calendar-month table tr td.days-empty {
height: 10px;
}
.calendar-month table tr td,
.calendar-month table tr td.days-empty {
background: #fff !important;
border-color: #fff !important;
padding-bottom: 1px !important;
}
.a_a_y:hover, .a_a_y:hover .diaggradientfront:hover, .a_a_y:hover div.calendar_date, .a_a_y:hover div.dailyprice, .as_as_y:hover, .as_as_y:hover .diaggradientfront:hover, .as_as_y:hover div.calendar_date, .as_as_y:hover div.dailyprice, .a__y:hover, .a__y:hover .diaggradientfront:hover, .a__y:hover div.calendar_date, .a__y:hover div.dailyprice, .as_as_y:hover, .as_as_y:hover .diaggradientfront:hover, .as_as_y:hover div.calendar_date, .as_as_y:hover div.dailyprice, .as_a_y:hover, .as_a_y:hover .diaggradientfront:hover, .as_a_y:hover div.calendar_date, .as_a_y:hover div.dailyprice, .as__y:hover, .as__y:hover .diaggradientfront:hover, .as__y:hover div.calendar_date, .as__y:hover div.dailyprice, .a_as_y:hover, .a_as_y:hover .diaggradientfront:hover, .a_as_y:hover div.calendar_date, .a_as_y:hover div.dailyprice, .as_b_y:hover, .as_b_y:hover .diaggradientfront:hover, .as_b_y:hover div.calendar_date, .as_b_y:hover div.dailyprice, .b_as_y:hover, .b_as_y:hover .diaggradientfront:hover, .b_as_y:hover div.calendar_date, .b_as_y:hover div.dailyprice, .a_b_y:hover, .a_b_y:hover .diaggradientfront:hover, .a_b_y:hover div.calendar_date, .a_b_y:hover div.dailyprice, .b_a_y:hover, .b_a_y:hover .diaggradientfront:hover, .b_a_y:hover div.calendar_date, .b_a_y:hover div.dailyprice, .as_bp_y:hover, .as_bp_y:hover .diaggradientfront:hover, .as_bp_y:hover div.calendar_date, .as_bp_y:hover div.dailyprice, .bp_as_y:hover, .bp_as_y:hover .diaggradientfront:hover, .bp_as_y:hover div.calendar_date, .bp_as_y:hover div.dailyprice, .a_bp_y:hover, .a_bp_y:hover .diaggradientfront:hover, .a_bp_y:hover div.calendar_date, .a_bp_y:hover div.dailyprice, .bp_a_y:hover, .bp_a_y:hover .diaggradientfront:hover, .bp_a_y:hover div.calendar_date, .bp_a_y:hover div.dailyprice {
top:-6px !important
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.a_b_y:hover .calendar_date span {
padding-top: 6px !important;
}
*/
/* Right Col */
/*
#supercontrol-availability .supercontrol-availability-results_table tr td {
font-size: 15px !important;
padding: 5px 0 10px 0 !important;
}
#supercontrol-availability .ajax_help {
padding: 10px !important;
font-size: 15px !important;
}
.supercontrol-availability-results_table select {
font-size: 15px !important;
}
.supercontrol_avail_ajax_aa_numbernights {
margin: 10px 0 !important;
}
*/
/* PAGES: Global
----------------------------------------------------------------*/
.page .list-with-icon .list-with-icon-title {
color: #454545;
font-size: 16px
}
/*
.page .gdlr-item.gdlr-main-content {
margin-bottom: 0px;
}
*/
.page .below-sidebar-wrapper .section-container {
padding-top: 0;
}
/* PAGE: Location
----------------------------------------------------------------*/
.page-id-7 .gdlr-item-start-content {
padding-top: 30px;
}
.page-id-7 .map {
width:100%;
height:450px;
}
.page-id-7 .map-wrap {
position:relative;
}
.page-id-7 .overlay {
width:100%;
min-height:450px;
position:absolute;
top:0;
}
/* PAGE: The House
------------------------------------------------------------------*/
.page-id-9 #details {
font-size: .9em !important;
background-color: rgba(125, 117, 99, 0.1) !important;
padding: 15px 25px;
border: 5px double #ccc;
}
/* PAGE: Activities
------------------------------------------------------------------*/
.page-id-137 hr {
clear: both;
width: 50%;
margin: 50px auto;
}
.page-id-137 .gdlr-main-content img {
margin-bottom: 50px;
}
/* Gallery
----------------------------------------------------------------*/
.gallery-lightbox-container a,
.gallery-lightbox-container .title-description {
display: none !important;
}
.gallery-lightbox-container a.next,
.gallery-lightbox-container a.prev,
.gallery-lightbox-container a.play-pause
.gallery-lightbox-container a.close {
display: block !important;
}
.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item img {
opacity: 100 !important;
transition: all .2s ease-in-out;
}
/* Footer
----------------------------------------------------------------*/
.footer-wrapper {
margin-top: 60px !important;
font-size: .9em;
}
.footer-wrapper a {
font-weight: bold;
}
.footer-wrapper strong {
color:#fff !important;
}
.footer-wrapper .gdlr-button {
background: #A06803 !important;
border-color: #A06803 !important;
}
.footer-wrapper .gdlr-button:hover {
background: #10CA32 !important;
border-color: #10CA32 !important;
}
.footer-wrapper a.gdlr-button {
color: #fff !important;
}
.social {
margin-right: 10px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition-duration: 50ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
}
.social:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.copyright-container {
font-size: 12px;
}
.foot-social-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.foot-social-wrapper .social-icon {
margin:0 10px 10px;
max-width: 48px;
}
/*----------------------------------------------------------------
RESPONSIVE
----------------------------------------------------------------*/
@media (max-width: 767px) {
.gdlr-header-container.container {
max-width: 100% !important;
}
.gdlr-logo {
max-width: 300px !important;
}
.gdlr-header-wrapper .gdlr-logo {
padding-right: 0 !important;
}
#gdlr-responsive-navigation {
height: auto !important;
background: #7e7563 !important;
}
#gdlr-responsive-navigation .dl-trigger {
position: relative !important;
right: 0 !important;
top: 0 !important;
}
.dl-menuwrapper .dl-menu,
.dl-menuwrapper > .dl-submenu {
width: 100% !important;
margin: 0 0 !important;
}
}
/* Tablet
---------------------------------------------*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.sf-menu > li > a {
font-size: 14px !important;
}
}
/* Mobile
---------------------------------------------*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 767px)
and (-webkit-min-device-pixel-ratio: 2) {
#supercontrol-availability #supercontrol_avail_ajax_results_box,
#supercontrol-availability #supercontrol_avail_ajax_calendar_box {
width: 98% !important;
padding: 10px 1% !important;
clear: both;
}
.sc-calendar {
width: 100% !important;
}
}