/*
Theme Name: Sofie Collette
Theme URI: http://www.newtimemedia.co.uk/
Description: Sofie Collette - New Time Media Theme
Version: 1.0
Author: New Time Media
Author URI: http://www.newtimemedia.co.uk/
Tags: custom header, fixed width
	
	Sofie Collette Theme
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
html, body {margin:0;padding:0;min-width:1050px;height:100%;min-height:640px}
html {position:relative}
body { font-family: 'Open Sans', sans-serif !important;background: #fff;color:#000;text-align: center;margin:0px;padding: 0px;font-size:16px !important; }
.fontset { font-family: 'Open Sans', sans-serif; }h1.fontset { font-family: 'Open Sans', sans-serif;font-size:32px; }.fontset-2 { font-family: 'Open Sans', sans-serif; }h1.fontset-2 { font-size:32px; }h1 { font-size:38px; }h2 { font-size:28px; }h3 { font-size:24px; }h4 { font-size:20px; }h5 { font-size:18px; }p { font-size:16px; }h1,h2,h3,h4,h5 { padding:0px;margin:0px; }
p { padding:1% 0px;margin:0px;line-height:26px; }img { border:0px; }.bold { font-weight:bold; }.clear { clear:both; }.clear1 { clear:both;height:1px; }.alignleft { float:left; }img.alignleft { float:left;padding:0px 1% 0.5% 0px; }.alignright { float:right; }img.alignright { float:left;padding:0px 1% 0.5% 0px; }.aligncenter { display:block;margin:auto; }
@media screen and (max-width: 1170px)
{
html, body {margin:0;padding:0;min-width:100%;min-height:640px;}
}

.pg-bck-socialwp { background-color:#fff; }
.sc-head-master-out { width:100%;height:auto;overflow:hidden;background-color:#fff; }
.sc-head-master-outin { width:100%;float:none;margin:auto;height:auto;overflow:hidden;background-color:#fff;box-sizing:border-box; }
.sc-head-in-hld { width:100%;height:auto;overflow:hidden;float:none;margin:auto;box-sizing:border-box; }
.sc-head-logo { width:30%;height:auto;overflow:hidden;float:left;margin:auto; }
.sc-head-logo img { width:70%;display:block;float:left;margin:auto;padding:10px 0px; }
.book-appointment-headtxt { width:70%;height:auto;overflow:hidden;float:right;box-sizing:border-box; }
.book-appointment-headtxt p { float:right;padding-right:1%; }
.logo-sub-txt-head { margin-top:-10px;margin-bottom:10px; }
@media screen and (max-width: 980px)
{
.book-appointment-headtxt { width:100%;float:none;margin-bottom:20px; }
.book-appointment-headtxt p { float:none;text-align:center;padding-right:0px;font-size:20px; }
.book-appointment-headtxt { background-color:#f1f1f1;border-radius:10px;margin-bottom:10px; }
.sc-head-master-out {  border-bottom:1px solid #ccc !important; }
.logo-sub-txt-head { margin-top:-10px;margin-bottom:10px; }
}
@media screen and (max-width: 500px)
{
span.telephone-num-head { display:block;float:none;margin:auto;font-size:24px; }
}

.nav-main-full-width { width:100%;height:auto;overflow:hidden;background-color:#fff;border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:10px 0px; }
.nav-main {width:100%;padding:0px;margin:0px auto;float:none;text-align:center;overflow:visible;background-color:#fff;}
.nav-inner { width:100%;height:auto;overflow:hidden; }
.outter-nav-top-iner { width:100%;height:auto;overflow:hidden;float:none;margin:auto;display: inline-flex;gap: 2%; }
.outter-nav-top {width:100%;height:auto;overflow:hidden;padding:0px;margin:0px auto;background-color:#fff;color:#474747;-webkit-transition: max-height 0.4s;-ms-transition: max-height 0.4s;-moz-transition: max-height 0.4s;-o-transition: max-height 0.4s;transition: max-height 0.4s;text-align:left;}
.topnavhold { width:auto;cursor:pointer;padding:10px 1%;margin:0px;color:#000;text-align:center;font-size:18px;border-bottom:1px solid #fff;float:left;white-space: nowrap;}
.topnavhold:hover { background-color:#fff;color:#000;border-bottom:1px solid #fff;}
.topnavhold:hover a { color:#4471af;border-bottom:1px solid #4471af;}
.topnavhold a { color:#000;text-decoration:none;}
.topnavhold a:hover { color:#000;text-decoration:none;}
.topnavhold-pagenow { background-color:#2cb759 !important;color:#fff;}
.handle {width:97.5%;text-align:left;box-sizing: border-box;padding: 5px 0px;cursor:pointer;color:#fff;display:none;}
.handle-nav { float:right;padding:8px 10px 5px 0px;margin:0px; }
@media screen and (max-width: 1200px)
{
.outter-nav-top-iner { width:100%;}
.nav-main {background-color:#fff;overflow:hidden;padding:0px;text-align:center;margin:5px 0px 0px 0px;width:100%;float:none;margin:auto;}
.topnavhold { padding:10px 0.7%;font-size:16px;}
}
@media screen and (max-width: 1080px)
{
.nav-main {background-color:#fff;overflow:hidden;padding:0px;text-align:center;margin:5px 0px 0px 0px;width:100%;float:none;margin:auto;}
}
@media screen and (max-width: 980px)
{
.outter-nav-top-iner { width:100%;height:auto;overflow:hidden;float:none;margin:auto;display: block;gap: 2%;background-color:#f1f1f1; }
.nav-main-full-width { border:0px;padding:0px 0px; }
.topnavhold { cursor:pointer;padding:10px 0px 10px 0px;margin:0px;border-radius:0px;width:100%;}
.topnavhold a { font-size:20px; }
.topnavhold:hover a { color:#4471af;border-bottom:0px;}
.nav-main { width:100%;text-align:left;padding-left:0px;margin-left:0px;background-color: #fff; }
.nav-main .outter-nav-top {max-height: 0px;width:100%;background-color: #fff;}
.nav-main .showing {max-height: 176em;}
.nav-inner { width:100%;text-align:left;padding-left:0px;margin-left:0px; }
.outter-nav-top { width:100%;height:auto;overflow:hidden;text-align:left;padding-left:0px;margin:0px; }
.handle { display:block;height:auto;overflow:hidden;width:10%;position:absolute;top:16px;left:86%;}
.handle img { padding-right:2%;}
}
@media screen and (max-width: 1400px)
{
.sc-head-master-outin { width:98%; }
}
@media screen and (max-width: 980px)
{
.sc-head-master-outin { width:94%; }
.sc-head-logo { width:70%;height:auto;overflow:hidden;float:left;margin:0px; }
.sc-head-logo img { width:80%;display:block;float:left;margin:auto;padding:20px 0px 10px 0px; }
}

.max-wdth { max-width:1400px; }
.max-wdth-plus { max-width:2200px; }
.inner-cnt-plus { width:96%;float:none;margin:auto;height:auto;overflow:hidden; }
.inner-cnt { width:100%;height:auto;overflow:hidden;float:none;margin:10% auto 70px auto;position:relative;padding:2% 0px 0px 0px;text-align:left;margin-top:30px;box-sizing:border-box;}
.inner-cnt h1 { padding:0px 0px 10px 0px;color:#474747;font-weight:normal; }
.inner-cnt h1.h1-align-left { text-align:left; }
.inner-cnt h3 { padding:10px 0px; }
.inner-cnt p { font-size:18px;line-height:28px;padding:0px;margin:16px 0px; }
.inner-cnt p.first-line { padding-top:0px;margin-top:0px; }
.left-image-f1 { float: left;margin: 0.5% 1% 15px 0;max-width: 20%;height:auto;}
.right-image-f1 { float: right;margin: 0 0 15px 15px;max-width: 20%;height:auto;}
.inner-cnt p { }
.inner-cnt p.emphasized-para { font-size:20px;font-weight:700; }
.inner-cnt p.emphasized-para .span-color-1 { color:#0566c6; }
.inner-cnt p.emphasized-para a { text-decoration:none;color:#0566c6; }
.span-color-1 { color:#0566c6; }

a.telephone-num { text-decoration:none;color:#0566c6; }
a:hover.telephone-num { text-decoration:underline;color:#0566c6; }
@media screen and (max-width: 1400px)
{
.inner-cnt { padding:2% 1% 0px 1%;}
.inner-cnt { width:98%;margin-top:0px;max-width:auto; }
}
@media screen and (max-width: 796px)
{
.inner-cnt { width:96%; }
.left-image-f1 { float: none;margin: 10px auto;max-width: 70%;display:block;}
.right-image-f1 { float: none;margin: 10px auto;max-width: 70%;display:block;}
}
@media screen and (max-width: 600px)
{
.inner-cnt { width:94%;margin-top:0px;max-width:auto; }
.inner-cnt h1 { line-height:44px !important; }
}



.hmpg-option-holder { width:100%;height:auto;overflow:hidden;display:grid;gap:1rem;grid-template-columns: repeat(2,1fr); }
.hmpg-option-holder div { display: flex;flex-direction: column;box-sizing:border-box;position:relative; }
.hmpg-option-holder div img { width:100%;height:auto; }
.hmpg-option-holder div .image-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;text-align: center;background-color: rgba(0, 0, 0, 0.5);padding: 2%;border-radius: 5px;pointer-events: none;white-space: nowrap;}
.hmpg-option-holder div .image-text p { font-size:32px;line-height:50px;}
@media screen and (max-width: 920px)
{
.hmpg-option-holder div .image-text p { font-size:22px;}
}
@media screen and (max-width: 700px)
{
.hmpg-option-holder div .image-text p { font-size:18px;}
}
@media screen and (max-width: 600px)
{
.hmpg-option-holder { grid-template-columns: repeat(1,1fr); }
.hmpg-option-holder div .image-text p { font-size:30px;}
}
@media screen and (max-width: 480px)
{
.hmpg-option-holder div .image-text p { font-size:22px;}
}



.contact-details-out { width:48%;height:auto;overflow:hidden;float:left;box-sizing:border-box;padding-right:5%; }
.contact-details-out-form { width:48%;float:left;height:auto;overflow:hidden;float:left;box-sizing:border-box;padding:2%;border:1px solid #ccc;border-radius:6px;background-color:#f1f1f1;background: linear-gradient(to bottom, #f1f1f1, #fff 50%, #f1f1f1); }


.contact_titles { width:100%;height:auto;overflow:hidden;float:left;margin:5px 0px;font-size:1em; }
.contact_titles p { width:100%;height:auto !important;overflow:hidden !important;float:left;padding:2px 0px 0px 0px;margin:0px;text-align:left;}
.contact_titles input { width:98%;height:32px !important;float:left;border:1px solid #aaa;border-radius:3px;}
.contact_titles textarea { width:98%;overflow:hidden;float:left;border:1px solid #aaa;border-radius:3px;margin:0px;}
input.btn-color-one { width:100%;height:40px;overflow:hidden;cursor:pointer;display:block;border:0px;color:#fff;font-size:18px;border-radius:5px;margin-top:10px ;background: #436fac;-webkit-appearance:none;background: #3b8bfa;}
input.btn-color-one:hover { background: #06d615;}
@media screen and (max-width: 940px)
{
.contact-details-out { width:100%;float:none;padding:1%; }
.contact-details-out-form { width:60%;float:none;margin:auto; }
.contact_titles p { width:98%;height:auto !important;overflow:hidden !important;float:left;padding:2px 0px 0px 0px;margin:0px;text-align:left;}
.contact_titles textarea { width:98%;overflow:hidden;float:left;border:1px solid #aaa;border-radius:3px;}
}
@media screen and (max-width: 796px)
{
.contact-details-out-form { width:100%;padding:3%;margin-top:20px; }
.contact_titles input { width:98%;}
}
@media screen and (max-width: 500px)
{
.contact_titles p { width:93%;}
.contact_titles textarea { width:93%;}
}




.main-out-footer { width:100%;height:auto;overflow:hidden;position:relative;float:none;margin:auto;background-color:#f3f3f3;}
.main-out-footer a:hover { color:#fff;}
.main-out-in-ftr { width:100%;height:auto;overflow:hidden;float:none;margin:auto;padding:0px; }
.main-out-in-ftr img { padding:3% 0px 1% 0px; }
.main-out-in-ftr h4 { text-align:left;color:#145128;border-bottom:1px solid #145128;margin-bottom:10px; }

.sc-ftr-sec-hld-2 { width:40%;height:auto;float:left;text-align:left; }
.sc-ftr-sec-hld-2 p.ft-header { color:#464646;font-size:22px;padding:10px 0px 10px 0px;margin:0px;font-weight:normal; }
.sc-ftr-sec-hld-2-inner { width:49%;height:auto;overflow:hidden;float:left; }
.sc-ftr-sec-hld-2-inner a { display:block;float:left;width:100%;color:#464646;text-decoration:none;line-height:30px;font-size:16px;}
.sc-ftr-sec-hld-2-inner a:hover { color:#4471af;}

.main-out-footer-web { width:100%;height:auto;overflow:hidden;position:relative;float:none;margin:auto;background-color:#f3f3f3;padding-bottom:5px;}
.websiteby { float:left;width:100%;color:#474747 !important;font-size:0.9em;padding:3px 0px;margin:0px;font-size:0.8em; }
.websiteby a { color:#0566c6;text-decoration:none; }
.websiteby a:hover { color:#fff;text-decoration:none; }

@media screen and (max-width: 1400px)
{
.main-out-in-ftr { width:98%;box-sizing:border-box; }
}
@media screen and (max-width: 796px)
{
.websiteby { float:left;width:100%;color:#a0a0a0;font-size:0.9em;padding:0.5% 0px 10px 0px;margin:0px;font-size:0.8em; }
.websiteby a:hover { color:#1b1b1b;text-decoration:none; }
.main-out-in-ftr { width:100%;height:auto;overflow:hidden;float:none;margin:auto;padding:0px;max-width:auto; }
.main-out-in-ftr h4 { text-align:left;padding-left:4%;font-size:22px; }
.sc-ftr-sec-hld-2 { width:94%;height:auto;float:none;margin:auto;text-align:left; }
.sc-ftr-sec-hld-2 h3 { font-size:26px; }
.sc-ftr-sec-hld-2 a { line-height:50px;font-size:20px;border-bottom:1px solid #ccc; }
.sc-ftr-sec-hld-2 a.ftr-last { border-bottom:0px; }
.sc-ftr-sec-hld-2-inner { width:100%;height:auto;overflow:hidden;float:left; }
}
.mobile-h { display:none; }
.mobile-s { display:block; }


.main-gallery {width: 100% !important;display:block !important;margin:auto !important;}
.main-gallery img {max-width:100%;display:block !important;margin:0px auto !important;}
.main-gallery-fix { position: relative !important;display: block !important;height: auto !important;margin:auto !important; }
.sslide-single { width:100%;height:auto;display:block;text-align:center;background-color:#fff  !important; }
.sslide-single img { margin:auto;width:auto;max-width:100%;display:block;float:none; }
@media screen and (max-width: 796px)
{
.sslide-single img { width:100%; }
.mobile-h { display:block; }
.mobile-s { display:none; }

}
img.nxt-btn-overlay-r { float:right !important;position:absolute;top:30% !important;left:95% !important;width:5% !important;height:75px !important;cursor:pointer;z-index:8888 !important; }
img.nxt-btn-overlay-l { float:left !important;position:absolute !important;top:30%;width:5% !important;height:75px !important;cursor:pointer;z-index:8888 !important; }

.mobile-s img { width:100%;}
/* Header Main Outter and Other */
.sslide-withlinks { cursor:pointer; }
.nxt-btn-overlay-rr,.nxt-btn-overlay-rl { display:block;width:34px;height:34px;line-height:31px;padding-left:12px;background-color:#000;font-size:24px;color:#fff;border-radius:180px;cursor:pointer;float:right;box-sizing:border-box; }
.nxt-btn-overlay-rl { padding-left:9px;float:right;margin-right:6px; }
.single-video-outter{ width:100% !important;float:left;margin:0px;padding:0px; }
.video-featured-outter-blg{ width:97%;height:auto;overflow:hidden;padding:10px;float:left;font-size:1.167em;position: relative;width:100%;padding:0px;margin:0px;height:auto;overflow:hidden;overflow: hidden; }
.video-featured-inner-blg{ position: relative;width:100%;padding:0px;margin:0px 0px 10px 0px;height:auto;overflow:hidden;padding-bottom: 56.25%;overflow: hidden;border-radius:10px;border:0px; }
.video-featured-inner-blg iframe{ position:absolute;width: 100% !important;height: 100% !important;left:0;border-radius:10px; }



/* Banner top no overlay */

.shopslide2 { width: 100%  !important;height:auto  !important;position:relative;background-color:#fff !important; }
.shopslide2 { height:auto;overflow:hidden; }
.main-gallery-fix { position: relative !important;display: block !important;height: auto !important;margin:auto !important; }
.main-gallery {width: 100% !important;display:block !important;margin:auto !important;}
.main-gallery img {max-width:100%;display:block !important;margin:0px auto !important;}
.sslide-single { width:100%;height:auto !important;display:block;text-align:center; }
.sslide-single img { margin:auto;width:100%;max-width:100%;height:auto !important; }
.mobile-h { display:none; }
.mobile-s { display:block; }
img.nxt-btn-overlay-r-bnr { position:absolute;top:40%;left:96%;width:3%;height:auto;cursor:pointer;z-index:8888; }
img.nxt-btn-overlay-l-bnr { position:absolute;top:40%;left:1%;width:3%;height:auto;cursor:pointer;z-index:8888; }
@media screen and (max-width: 796px)
{
.sslide-single img { width:100%; }
.mobile-h { display:block; }
.mobile-s { display:none; }
img.nxt-btn-overlay-r-bnr { width:6%;left:93%; }
img.nxt-btn-overlay-l-bnr { width:6%; }
}

/* blog */
.alignleft { float: left !important;margin: 0.5% 1% 15px 0;; }
.alignright { float: right !important;;margin: 0 0 15px 15px; }
.aligncenter { float: none !important;;margin: auto; }
.size-medium { max-width:20%;height:auto; }
.single-in-social img { max-width:100%;height:auto; }
.single-in-social ul { list-style-type: disc;margin: 0;padding-left: 20px;font-size:18px;}
.single-in-social li { margin: 7px 0;}
.social-post-multi-holder { width:100%;height:auto;overflow:hidden;display:grid;gap:1rem;grid-template-columns: repeat(5,1fr); }
.social-post-multi-holder div { display: flex;flex-direction: column;box-sizing:border-box;position:relative;border-radius:6px;box-shadow: 0 4px 6px #e6e6e6, 0 1px 3px #f2f2f2;border:2px solid #ddd;cursor:pointer; }
.social-post-multi-holder div:hover { box-shadow: 0 4px 6px #f2f2f2, 0 1px 3px #e6e6e6;border:1px solid #ddd; background-color: #f4f4f4;border:2px solid #b8dfc5; }
.social-post-multi-holder div:hover img { filter: brightness(1.1); }
.social-post-multi-holder div img { width:100%;height:auto;border-radius:6px 6px 0px 0px; }
.social-post-multi-holder div h2 { font-size:24px;font-weight:normal;box-sizing:border-box;padding:4%; }
.social-post-multi-holder div h2 a { text-decoration:none;color:#0566c6;font-size:18px; }
.social-post-multi-holder div h2 a:hover { text-decoration:none;color:#474747; }

.page-pagination {display: flex;gap: 10px;margin-top:20px;}
.page-pagination p.previouspage,
.page-pagination a.previouspage { display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin: 0;background-color: white;border: 1px solid #ccc;border-radius: 5px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);font-family: Arial, sans-serif;font-size: 16px;font-weight: bold;text-decoration: none;color: #333;cursor: pointer;}
.page-pagination p.previouspage { background-color: #01c3ff;border: 1px solid #666;color: #fff !important;cursor: default;}
.page-pagination a.previouspage:hover {background-color: #01c3ff;border-color: #999;color: #000;}

@media screen and (max-width: 980px)
{
.social-post-multi-holder {grid-template-columns: repeat(4,1fr);}
}
@media screen and (max-width: 700px)
{
.social-post-multi-holder {grid-template-columns: repeat(3,1fr);}
.alignleft { float: left !important;margin: auto !important;max-width:80%;height:auto;display:block; }
.alignright { float: none !important;margin: auto !important;max-width:80%;height:auto;display:block; }
}
@media screen and (max-width: 550px)
{
.social-post-multi-holder {grid-template-columns: repeat(2,1fr);}
}


/* ------------------------------------------ */
/* Scrollable flexbox scroll-x POST functions */
/* ------------------------------------------ */


.container-pd-post-out { width:100%;height:auto;overflow:hidden;float:none;margin:auto;position:relative;padding:2% 0px;box-sizing:border-box; }
.container-pd-post-inner { width:98%;height:auto;overflow:hidden;float:none;margin:auto;position:relative;padding:2% 0px; }
.container-pd-post { box-sizing:border-box;display: flex;overflow-x: scroll;gap:1%;scroll-snap-type: x mandatory;scrollbar-width: none;scroll-behavior: smooth;overflow:hidden;}
.container-pd-post div { width:20%;height:auto;scroll-snap-align: start;flex-shrink:0;flex-direction: column;border:1px solid #ccc;border-radius:7px;padding:1%;box-sizing:border-box;cursor:pointer;}
.container-pd-post div:hover { background-color:#f4f4f4; }
.container-pd-post div img {width:98%;float:none;margin:auto;height:auto;}
.container-pd-post div a { text-decoration:none;color:#474747;font-size:1.3rem;}
.container-pd-post div.pd-post-title { border:0px;width:100%;margin-top:10px; }
.scroll-left-pd-post { float:left;width:40px;height:80px;font-size:20px;background-color:#f3f3f3;color:#000;border:0px;cursor:pointer;border-radius:6px 0px 0px 6px;margin-top:40px;border:1px solid #ccc; }
.scroll-right-pd-post { float:right;width:40px;height:80px;font-size:20px;background-color:#f3f3f3;color:#000;border:0px;cursor:pointer;border-radius:0px 6px 6px 0px;margin-top:40px;border:1px solid #ccc; }
@media screen and (max-width: 920px)
{
.container-pd-post div {width:31%;height:auto;}
}
@media screen and (max-width: 700px)
{
.container-pd-post div {width:40%;height:auto;}
}


/* ------------------------------------------ */
/* Scrollable flexbox scroll-x POST functions */
/* ------------------------------------------ */