/*~~ LONDON VENTS ~~*/

html { max-width:1600px; margin-left:auto; margin-right:auto; background-color:#d4e9f9!important; }

.grecaptcha-badge { display:none!important; }
.back-to-top-link {width:42px!important; left: 88vw; }
.social-icon-container .social .wide p { font-size:1.2rem; }
.social-icon-container .social .wide p span a { color:#ddca00; }
.social-icon-container .social .narrow p a button.btn.btn-secondary { margin-top:0px; }
.contact-page .row .col-xl-2 p a:hover { color:#ddca00; }

:root {
--cassiopeia-color-primary: #204b9b;
--cassiopeia-color-link: #1b2a4a;
--cassiopeia-color-hover: #204b9b;
--body-font-size: 1.1rem!important;
--body-line-height: 1.6;
--body-color: #333333;
}

label { font-size:1.1rem!important; }
input { font-size:1.1rem!important; }

input#btn1_0.btnCal.rsform-calendar-button.btn.btn-secondary { padding:0.45rem!important; }

.h1, h1 { color:#204b9b; font-weight:500!important; font-size: 2.1rem!important; }
.h2, h2 { color:#e41519; font-weight:400!important; font-size: 1.7rem!important; }
.h5, h5 { font-size: 1.4rem!important; margin-bottom: 1rem!important; }

@media (min-width: 992px) and (max-width: 1200px) {
  .h5, h5 { font-size: 1rem!important; }
}


@media (max-width: 1200px) {
  .h1, h1 { font-size: 1.8rem!important; }
  .h2, h2 { font-weight:400!important; font-size: 1.5rem!important; }  
}

.card { border-color:#e41519!important; border-radius:10px!important; }

@media (max-width: 991px) {
  .card-body { padding: 3rem!important; }
}

@media (max-width: 600px) {
  .card-body { padding: 1rem!important; }
}

/*~~ Gallery ~~*/

.os_fancybox-show-thumbs .os_fancybox-thumbs { display: none!important; }
[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a.active { display: none!important; } 
.os_fancybox-show-thumbs .os_fancybox-inner { left: 0px!important; right: 0px!important; }
.os_fancybox-is-open .os_fancybox-bg { background-color: rgb(27, 42, 74) !important; }
[class^="os-gallery-tabs-main"] .os-cat-tab-images { margin-top:-50px; }

.ph-gallery-plugin-image-box figure { margin: 0 0 0em!important; }
.ph-gallery-plugin-container { justify-content: left!important; }

/*~~ TOP HEADER ~~*/

.social-icon-container { background-color:#e41519; }
.social { text-align:right!important; padding-top:0.8rem!important; padding-bottom:0.8rem!important; padding-left:2rem!important; padding-right:2rem!important; }
.tel-quote { padding-top:0.8rem!important; padding-bottom:0.8rem!important; padding-left:2rem!important; padding-right:2rem!important;  }
.social p { margin-bottom:0rem!important; margin-top: 0rem; }
.narrow { display:none; }

@media (max-width: 767px) {
  .narrow { display:block; }
  .wide { display:none; }
}

@media (max-width: 480px) {
  .social { padding-left:1rem!important; padding-right:1rem!important; }
  body.wrapper-fluid header > .grid-child { padding-left: 1rem; padding-right: 1rem; }
  .logo { padding-right:0rem!important; width:220px!important; }
  body.wrapper-fluid .site-grid { grid-gap: 0 1em; }
}

@media (max-width: 360px) {
  button.btn.btn-secondary { font-size:0.8rem!important; padding: 0.35rem !important; }
  .logo { width:210px!important; padding-top: 0.6rem !important; }
}

@media (max-width: 320px) {
  button.btn.btn-secondary { font-size: 0.75rem !important; }
  .social a img { max-width:29px!important; }
}


/*~~ HEADER & NAVIGATION ~~*/

.container-header {
  background-color: rgba(255, 255, 255, 1);!important;
  background-image: url("https://londonvents.co.uk/new_website/images/header-bg.jpg");
  border-bottom: thin solid #3b9af6;
}

@media (max-width: 480px) {
  .container-header { background-image: url("none")!important; }
}

.gid-child .navbar-brand a.brand-logo { display:none!important; }

.container-header .navbar-brand a { color: #fff!important; }
.container-header .mod-menu { color: #333!important; }

ul#dj-megamenu113 { margin-top:0.3rem!important;  }
.dj-megamenu-wrapper { margin-top:.5rem!important; margin-right:-0.8rem; } 
.dj-megamenu-clean li a.dj-up_a { font-size:1.2rem!important; padding: 0 1rem!important; font-weight: 500!important; }
.dj-megamenu-clean li a:hover.dj-up_a { color:#1b2a4a!important; }
.dj-megamenu-offcanvas-light a.dj-mobile-open-btn { color:#204b9b; background:transparent!important; padding: 0px 0px!important; } 
.dj-megamenu-offcanvas-light a:hover.dj-mobile-open-btn { color:#e41519; background:transparent!important; } 
.dj-megamenu-offcanvas-light a:focus.dj-mobile-open-btn { color:#204b9b; }
.dj-offcanvas-light { background: #fff!important; }
ul.dj-mobile-light li.dj-mobileitem.active > a { background: #fff !important; color:#e41519!important;  }
ul.dj-mobile-light li.dj-mobileitem > a { background: #fff !important; font-weight:500!important; }
.dj-offcanvas-light .dj-offcanvas-top { background:#204b9b!important; height:56px!important; }
.dj-offcanvas-light .dj-offcanvas-close-btn { color:#fff!important; }

ul.mod-menu mod-list.nav { float:right!important; text-align:right!important; } 

ul.dj-mobile-light li.dj-mobileitem > a { color: #204b9b!important; font-size:1.1rem!important; }
ul.dj-mobile-light li.dj-mobileitem > a:hover { color: ##1b2a4a!important; }

.logo { width:280px; height:auto; padding-top:0.5rem!important; padding-right:2rem;  }

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { background: var(--cassiopeia-color-primary)!important; color: #fff!important; }

.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus { background: var(--cassiopeia-color-primary)!important; color: #fff!important; }

.dj-mobile-open-btn .dj-mobile-open-icon { top: 1.5px!important; }

@media only screen and (max-width: 991px) {
 .dj-megamenu-wrapper { margin-right: 0rem!important; }
 .dj-offcanvas-open .dj-offcanvas { z-index: 9999!important; }
}



/*~~ SMART SLIDER ~~*/

@media (max-width: 480px) {
div#n2-ss-1 .n-uc-dtwtw9DVCwgQ-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"] { margin-right: 1.5rem!important; margin-left: 1.5rem!important; }
}

@media (orientation: landscape) and (max-width: 900px), (orientation: portrait) and (max-width: 700px){
  div#n2-ss-1 .n-uc-WLwGxzbl8pDI {max-width: 600px!important;}
  .n2-ss-slider h4.n2-ow { font-size: 450%!important; margin-top: -2rem!important; }
  div#n2-ss-1 .n-uc-135908064d675-inner { padding: 25px 10px 10px 0px!important; }
}

@media (max-width: 768px) {
  div#n2-ss-1 .n2-font-3e72a7e26916a6a2dc7be31a0f6369f3-hover { font-size: 300%!important; }
  div#n2-ss-1 .n2-font-ae451cb84d6b383425efe3a4e707ea56-paragraph { font-size: 100%!important; }
}




/*~~ LINKS & BUTTONS ~~*/

a:not([class]) { text-decoration: none!important; }

.social p a { color:#ddca00; text-decoration:none!important; }
.social p a:hover  { color:#fff!important; } 

.btn-secondary { border-width: 0px !important;
font-weight: 600 !important; color: #e41519 !important; background-color: #fff !important; padding: 0.15rem !important; border-radius: 0rem !important; font-size: 1.1rem; margin-top: -.2rem; }
.btn-secondary:hover { border-width:0px!important; background-color:#ddca00!important; color:#fff!important; }


/*~~ CONTENT ~~*/

.page-header h1 { display:none; }
.container-banner { margin: 0 0 0.5rem; }

.contact-page .row .col-xl-6 { padding-left:0rem; }
.contact-page .row .col-xl-2 p a { font-size:1.8rem; } 

form#userForm { margin-top:-1rem!important; }

@media (max-width: 1440px) { 
  .contact-page .row .col-xl-2 p a { font-size:1.6rem; } 
}

@media (max-width: 1300px) { 
  .contact-page .row .col-xl-2 p a { font-size:1.4rem; } 
}

@media (max-width: 1199px) { 
  .contact-page .row .col-xl-2 p a { font-size: 1.8rem!important; }
  form#userForm { margin-left:1rem!important; }
}

@media (max-width: 1200px) { 
  .contact-page .row .col-xl-2 p a { font-size:1.3rem; } 
}

.row .col-lg-6 table tbody { font-size: 0.6rem !important; }

@media (max-width: 991px) { 
  .row .col-lg-6 table { margin-bottom: 1rem; }
}

@media (max-width: 320px) { 
  .row .col-lg-6 table tbody { font-size: 0.55rem !important; }
}

/*~~ FOOTER ~~*/

body.wrapper-fluid footer > .grid-child {  background-image: url("https://londonvents.co.uk/new_website/images/footer-background.jpg")!important; }

footer.container-footer.footer.full-width {  }
footer div.mod-footer { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-between; align-items: center; max-width: 100%; }
.footer .grid-child { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important;  }

footer div.mod-footer div.footer1 a:hover { color:#ddca00!important; }
footer div.mod-footer div.footer2 a:hover { color:#ddca00!important; }

.footer .mod-menu { flex-direction: row; margin-left: auto; margin-right: auto; font-size: 1.2rem; text-align: center; }
.mod-list li a:hover { color:#ddca00!important; }


@media (max-width: 1100px) {
  footer div.mod-footer { max-width: 96%; }
}

@media (min-width: 992px) {
  footer div.mod-footer { flex-direction: row; }
}

@media (max-width: 991px) { 
  footer div.mod-footer { text-align: center!important; line-height: 1.8rem!important; max-width: 100%!important; }
  .mod-menu { flex-direction: column!important; }
  span.mod-menu__separator.separator { display:none!important; } 
}

@media (max-width: 480px) {
  div.mod-footer div.footer1 { font-size:0.75rem!important; line-height: 1.4rem !important; }
  div.mod-footer div.footer2 { font-size:0.75rem!important; line-height: 1.4rem !important; }
  .back-to-top-link { font-size:0.75rem!important; }
}

@media (max-width: 320px) {
  div.mod-footer div.footer1 { font-size:0.7rem!important; }
  div.mod-footer div.footer2 { font-size:0.7rem!important; }  
}