/* 
 Theme Name:   Gill & Gardiner
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   http://gillandgardiner.thedb.uk
 Template:     wp-bootstrap-4
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
html,body { overflow-x: hidden!important; }

.large-padding {
    padding-left: 7%;
    padding-right: 7%;
}
.large-padding-icons {
    padding-left: 5%;
    padding-right: 5%;
}
li.nav-item.menu-item.menu-item-type-post_type.menu-item-object-page {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 20px;
}
img.site-logo {
    height: 80px;
    max-width: 300px;
}
a.mega-menu-link {
    font-family: 'Nanum Myeongjo', serif !important;
    font-size: 18px !important;
}
p {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
	margin-bottom: 20px;
	color: #3C3C3C;
}
a.call-link {
   	font-family: 'Libre Franklin', sans-serif !important;
	font-size: 14px !important;
	color: #3C3C3C !important;
}
a.call-link-black {
   	font-family: 'Libre Franklin', sans-serif !important;
	font-size: 14px !important;
	color: #000 !important;
}
a.call-link-black:hover {
   	color: #0265B0 !important;
   	text-decoration: none;
}
a.call-link:hover {
   	color: #0265B0 !important;
   	text-decoration: none;
}
a.call-link-white {
   	font-family: 'Libre Franklin', sans-serif !important;
	font-size: 14px !important;
	color: white !important;
}
a.footer-hover p.white:hover {
    color: #0265B0;
    transition: 1s ease-in-out;
}
a.call-link-white:hover {
   	color: black !important;
   	text-decoration: none;
}
h1 {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 70px;
}
h2 {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 40px;
	color: #3C3C3C;
	margin-bottom: 20px;
}
h3 {
	font-family: 'Nanum Myeongjo', serif;
}
h4 {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 17px;
	font-weight: bold;
}
button.btn-main {
    width: 200px;
    background: black;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
}
button.btn-main:hover {
    background-color: #0063AC !important;
    box-shadow: inset 150px 0px 0px #0063AC;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
button.btn-white {
    width: 220px;
    background: white;
    color: black;
	font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
}
button.btn-white:hover {
    background-color: black !important;
    box-shadow: inset 150px 0px 0px black;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
a.paoc-popup-click.paoc-popup-cust-162.paoc-popup-button.paoc-popup-btn {
    width: 220px;
    background: white;
    color: black !important;
	font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    border-radius: 0px;	
}
a.paoc-popup-click.paoc-popup-cust-162.paoc-popup-button.paoc-popup-btn:hover {
    background-color: black !important;
    box-shadow: inset 150px 0px 0px black;
    color: white !important;
	display: inline-block;
	transition: all 1.5s !important;
}
button.blue-btn {
    width: 220px;
    background: #0265B0;
    color: white;
	font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
}
button.blue-btn:hover {
    background-color: black !important;
    box-shadow: inset 150px 0px 0px black;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 180px;
    background: #0265B0;
    color: white;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    padding: 10px 20px;
    border: none;
    border-radius: 0;
    cursor: pointer;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: black !important;
    box-shadow: inset 150px 0px 0px black;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;	
}
.btn-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.border-content {
    border-left: 3px solid #3C3C3C;
	padding-left: 20px;
}
.dark-border-left {
	border-left: 3px solid #707070;
	padding-left: 20px;
}
.blue-border-left {
    border-left: 3px solid #0265B0;
    padding-left: 20px;
}
.green-border-left {
    border-left: 3px solid #67B03D;
    padding-left: 20px;
}
.bg-black-box {
    background: #00000069;
    position: absolute;
    height: 600px;
    width: 800px;
    bottom: 0px;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 20px;
    padding-bottom: 5px;
}
.m-l-20 {
	margin-left: 20px;
}
.padding-y-top {
	padding-top: 45px;
}
.padding-y-btm {
	padding-bottom: 45px;
}
.padding-top-90 {
	padding-top: 90px;	
}
.padding-btm-90 {
	padding-bottom: 90px;	
}
.padding-y-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}
.entry-title {
    color: white;
    align-items: flex-end;
    position: absolute;
    bottom: 200px;
    border-left: 5px solid white;
    padding-left: 30px;
}
.header-image {
    max-height: 100vh;
    min-height: 100vh;
    object-fit: cover;
    object-position: center;
        margin-top: -1px;
}
.left-50 {
	left: 50px;
}
.h-90 {
	height: 90%;
}
.grey {
    background: #3C3C3C;
}
a.db-orange {
    color: white !important;
    transition: 2s;
}
.site-footer a {
    color: white !important;
}
a.db-orange:hover {
    color: #FF5100 !important;
    transition: 2s;
}
.white-bg {
	background: white;
	padding: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.blue-bg {
	background: #0265B0;
    padding: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
img.footer-logo {
    padding-bottom: 10px;
}
.bg-black {
    background: #040405;
}
.white {
	color: white;
}
.blue {
	background: #0265B0;
}
.blue-text {
	color: #0265B0;
	font-weight: 800;
}
.center-x {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.center-y {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.center-y-600 {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.align-y-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.spacer {
    height: 200px;
}
.p-absolute {
	position: absolute;
}
.overlay-image {
	position: absolute;
    left: 0;
    top: 30px;
}
.carousel-control-prev-icon {
    background-image: url(http://gillandgardiner.thedb.uk/wp-content/uploads/2021/07/carousel-left.svg);
    height: 50px;
    width: 80px;
}
.carousel-control-next-icon {
    background-image: url(http://gillandgardiner.thedb.uk/wp-content/uploads/2021/07/carousel-right.svg);
    height: 50px;
    width: 80px;
}
.fas {
    font-size: 50px;
    color: #0063AC;
}
a.nav-link {
    padding-left: 60px !important;
}
li.nav-item.menu-item.menu-item-type-custom.menu-item-object-custom {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 18px !important;
}
a, .btn-outline-primary, .content-area .sp-the-post .entry-header .entry-title a:hover, .btn-link {
    color: #fff !important;
}
li.nav-item.active {
    font-style: italic;
}
.carousel-indicators li {
    height: 8px;
    width: 8px;
    bottom: 0;
    border-radius: 50%;
    background: #3C3C3C;
}
.carousel-indicators .active {
    background-color: transparent;
    border: 1px solid #ffffffb8 !important;
}
.carousel-indicators { 
    bottom: 90px;
}
.contact-style {
    padding: 50px;
}
.m-t-90 {
	margin-top: 90px;
}
li#mega-menu-item-84 {
    background: #0265B0 !important;
}
/* PRODUCT PAGE */
.col-md-4.wp-bp-sidebar-width {
    display: none !important;
}
nav.woocommerce-breadcrumb {
    display: none !important;
}
.product_meta {
    display: none !important;
}
.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images.col-md-5 {
    display: none !important;
}
.ui-datepicker-title {
    background: black;
    color: white;
}

h1.product_title.entry-title {
    display: none;
}
button.wc-appointments-appointment-form-button.single_add_to_cart_button.button.alt {
    width: 140px;
    background: black;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    border-radius: 0px;	
}
button.wc-appointments-appointment-form-button.single_add_to_cart_button.button.alt:hover {
    background-color: #4EAEDE !important;
    border: 2px #4EAEDE solid;
    box-shadow: inset 140px 0px 0px #4EAEDE;
    color: white;
	display: inline-block;
	transition: all 1s !important;
}
/* CONTACT FORMS */

.wpcf7-form-control-wrap {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 17px;
}
/* CART */
a.remove {
    color: #0063AC !important;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-cart-close.xoo-wsc-ft-btn-continue {
    background: black;
    border-radius: 0px;
    	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-cart-close.xoo-wsc-ft-btn-continue:hover {
    background-color: #0063AC !important;
    box-shadow: inset 200px 0px 0px #0063AC;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart {
    background: black;
    border-radius: 0px;
    	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart:hover {
    background-color: #0063AC !important;
    box-shadow: inset 200px 0px 0px #0063AC;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-checkout {
    background: black;
    border-radius: 0px;
    	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-checkout:hover {
    background-color: #0063AC !important;
    box-shadow: inset 200px 0px 0px #0063AC;
    color: white;
	display: inline-block;
	transition: all 1.5s !important;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
}
.xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a {
    font-size: 14px;
    color: #000000;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    padding: 0px 0px 0px 0px;
}
/* BOOKING SYSTEM */
.btn-link {
    color: #000 !important;
}
.wc-appointments-date-picker .ui-datepicker td .ui-state-default {
    color: #000000 !important;
}
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot a {
    color: #2b2b2b !important;
}

@media only screen and (max-width: 1700px) {
section.bird-right-office {
    background-position-x: 106% !important;
}	
section.bird-left {
    background-position-x: -100px !important;
}
section.bird-right {
    background-position-x: 106% !important;
}
}

@media only screen and (max-width: 1600px) {
section.bird-left {
    background-position-x: -160px !important;
}
section.bird-right-office {
    background-position-x: 110% !important;
}
section.bird-right {
    background-position-x: 110% !important;
}
}
@media only screen and (max-width: 1400px) {
section.bird-right {
    background: url(/wp-content/uploads/2021/06/bottom-right-2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 114% !important;
}
}
@media only screen and (max-width: 1300px) {
section.bird-left {
    background: none !important;
}
section.bird-right-office {
    background: none !important;
}
section.bird-right {
    background: none !important;
}
}

@media only screen and (max-width: 1024px) {
.spacer {
    height: 45px;
}
.mob-font {
	font-size: 40px !important;
}
.padding-btm-90 {
    padding-bottom: 45px;
}
.padding-top-90 {
    padding-top: 45px;
}
.padding-y-90 {
    padding-top: 45px;
    padding-bottom: 45px;
}
ul#mega-menu-menu-1 {
    margin-top: 40px !important;
}
}
@media only screen and (min-width: 769px) {
.hide-vid-lg {
	display: none;
}
}
@media only screen and (max-width: 768px) {
h2 {
	font-size: 22px;
}
h1.entry-title {
    bottom: 0px;
}
.p-t-mob {
    padding-top: 45px;
}
.mob-font {
	font-size: 22px !important;
}
p {
    font-size: 13px;
}
.btn-center {
    align-items: flex-start;
}
.bg-black-box {
    background: #00000069;
    position: absolute;
    height: 350px;
    bottom: -100px;
    width: 450px;
}
h1 {
	font-size: 32px;
}
.mob-y-45 {
	padding-top: 45px;
}
.mob-dark {
	color: #3C3C3C;
}
.mob-p-0 {
	padding-left: 0px;
	padding-right: 0px;
}
.mob-hide {
	display: none;
}
.mob-h-220 {
	min-height: 220px;
}
.mob-h-250 {
	min-height: 250px;
}
.bird-mob-left-3 {
    background: url(/wp-content/uploads/2021/07/middle-left.png), url(/wp-content/uploads/2021/07/top-right-3.png), url(/wp-content/uploads/2021/07/bottom-right-1.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: center, top, bottom;
    background-position-x: left, right, right;
}
ul#mega-menu-menu-1 {
    margin-top: 40px !important;
}
}
@media only screen and (min-width: 768px) {
.hide-desk {
	display: none;
}
}
@media only screen and (max-width: 767px) {
.col-12 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hide-mob {
	display: none;
}
}
@media only screen and (max-width: 480px) {
.bg-black-box {
    width: 350px;
    height: 300px;
    bottom: -100px;
    max-width: 100%;
}
img.site-logo {
    max-width: 100%;
}
.bg-black-box {
    height: 300px !important;
}
}