/*
Theme Name:  ShwetDharaMilk
Author URI: https://www.thegeminigeeks.com/
Version: 1.1
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
:root {
  /* Color Variables: */
--primarycolor:#000;
--secondarycolor:#e3d270;
--tertiarycolor:#75b16c;
}
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: "Cormorant";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size: 15px;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}

.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}
.border{border: 10px solid var(--secondarycolor);}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 50px;height: 50px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;}

.header_area {position:relative;top: 0;left: 0;width: 100%;z-index: 999;transition: background 0.4s, all 0.3s linear;border-bottom: 1px solid rgba(255,255,255,0.2);padding:0px 0;float:left}

.header_area.navbar_fixed .main_menu {padding:5px;position: fixed;width: 100%;top: -70px;left: 0;right: 0;z-index: 997;background:#fff;transform: translateY(70px);
transition: transform 500ms ease, background 500ms ease;
-webkit-transition: transform 500ms ease, background 500ms ease;
box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);}
.header_area.navbar_fixed .main_menu #logo img{width:100px}
#fixednavgap.fixed {height:100px;width:100%;}
.header_area.navbar_fixed .row{align-items:center;}

#top-bar{float: left;width:100%;background: var(--tertiarycolor);}
#top-bar span{color:#fff}
#top-bar .col-md-8{clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);background:var(--secondarycolor);padding:10px 5rem}
#top-bar span{margin-right:5px}
#top-bar a{margin:0 10px;color: #fff;display: inline-block;}
#top-bar a:hover{color:var(--secondarycolor)}
#top-bar .pull-right,#top-bar .social{float:right;padding:10px}

#logo img{width: 155px;margin: 0 }
#logo .site-title {float:left;}
#logo .site-title a{color:#fff;font-size: 24px;}
.site-menu-toggle{display: none;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 10px 0;color: #000;line-height: 1.2;font-family: "Cormorant";}

h1 {font-size: 36px;text-transform: uppercase;position:relative;letter-spacing:3px;}
.line{width: 100%;border-bottom:1px dashed #ccc;height:2px;margin-bottom: 10px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
#missionsec,#objective{padding-top: 100px; margin-top: -100px;}
.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.more-btn{padding: 10px 40px;background: #fff;margin:15px auto;display:table;border-radius: 15px;text-transform: uppercase;}
.more-btn:hover{background:var(--tertiarycolor);color:#fff !important; letter-spacing: 2px;}

#slider img{height:500px}

#slider .owl-nav .owl-next, #slider .owl-prev {position: absolute;top:40%;transition: 0.6s;font-size:45px;color:#fff;opacity:0;}
#slider:hover .owl-nav .owl-next{display: block;transition: 0.6s;opacity:1.0;}
#slider:hover .owl-nav .owl-prev{display: block;transition: 0.6s;opacity:1.0;}
#slider .owl-nav .owl-next:hover, #slider .owl-nav .owl-prev:hover {color: #fff; transition: 0.6s;}
#slider .owl-nav .owl-prev {left: 20px;display: block;transition: 0.6s; }
#slider .owl-nav .owl-next {right: 20px;display: block;transition: 0.6s;}
#slider .owl-next span, #slider .owl-prev span{background-color: var(--secondarycolor);}

.carousel-caption {right: 15%;top: 30%;left: 15%;z-index:997;padding-top: 20px;padding-bottom: 20px;text-align: center;position:absolute;}
.carousel-caption .subheading{font-weight: 600;color:#fff;font-size: 14px;letter-spacing: 3px;text-transform: uppercase;}
.carousel-caption h1{font-size: 44px;color: #fff;line-height: 1.3;font-weight: 300;}
.carousel-caption span{font-weight: 900;color:#F68C19;}
.carousel-caption p{color: #fff;font-weight: inherit;}
.btn-primary{background: var(--secondarycolor);color:var(--primarycolor);padding: 11px 40px;border-radius: 15px;display: inline-block;margin: 20px 0;text-transform: uppercase;}
.btn-primary:hover{background: var(--tertiarycolor);color:#fff;letter-spacing: 2px;}

#news{background:var(--tertiarycolor);float:left;width:100%;margin: 0 0;color: #fff;}
#news .col-md-3{background: var(--secondarycolor);padding:12px;color:#fff;font-size:20px;text-transform: uppercase;text-align: center;color: #000;}
#news .col-md-9{padding:;font-size:22px;font-style: italic;font-family: "Cormorant";}
#news .col-md-9 ul{margin: 0;}
#news .col-md-9 li{display: inline-block;list-style: disc !important;border-right: 1px solid;padding: 0 10px;line-height: 22px;}
#news .col-md-9 li:last-child{border:0}
#news .row {
	align-items: center;
}
#news a{color:#fff;}
#about{padding: 65px 0 45px;float: left;width: 100%;text-align: left;;}
#about p{margin: 15px 0;}
#total-score-circle,
#general-score-circle,
#speed-score-circle,
#privacy-score-circle {margin: 0 auto 10px; width:120px;  height: 120px;position: relative;background: url('../../uploads/2021/09/Shwetdharamilk-logo.png');background-size: 80%;background-repeat: no-repeat;background-blend-mode: overlay;background-color: #ffffffbf;background-position: center center;}
#general-score-circle b{font-weight:400}
#about .col-md-3{display:none}
#about h4{text-align:center;font-weight:500}

#missionbg{background:url(../../uploads/2021/09/Shwetdharamilk-milk-bg.jpg);width: 100%;float:left;height: 260px;background-repeat: no-repeat;background-size: cover;}
#missionsection .col-md-4{margin-top:-12rem;margin-bottom:25px}
.box1{background: var(--secondarycolor);padding: 15px;border-radius: 15px;width: 95%;margin: 0 auto;text-align: center;display:block;color:var(--primarycolor) !important}
.box1 img{border-radius: 15px;margin: 0 auto;transition:0.6s ease-in-out}
.box1 .icon{background: #fff;width: 100px;padding:15px;border-radius: 50px;margin: -56px auto 10px;position: relative;}
.box1 h3{text-transform: uppercase;letter-spacing:1px}
.box1:hover .icon{transform:scale(1.2)}

#services{padding: 65px 0;width:100%;float:left;text-align:center}
#services .row{justify-content: space-between;flex-wrap: wrap;}
#servicebox{width: calc(100% / 4 - 15px);position: relative;display: flex;flex-flow: column;overflow:hidden;cursor:pointer;margin-top: 20px;}
#servicebox h2{background: var(--tertiarycolor);color: #fff;font-weight: 500;padding: 5px;z-index: 1;margin: 0;transition:0.6s ease-in-out;position:relative;font-size: 25px;}
.hoverbox{opacity:0;position:absolute;bottom: 0;left: 0;right: 0;height: 0;transition:0.6s ease-in-out;background: #75b16c;align-items: center;display: inline-flex;color: #fff;padding: 20px;}
#servicebox:hover .hoverbox{opacity:1;height:100%}
#servicebox:hover h2{background:var(--secondarycolor)}

#servicepage{flex-wrap: wrap;display: flex;}
.sbox{width: calc(100% / 3 - 15px);position: relative;display: flex;flex-flow:column;overflow:hidden;margin: 20px 15px 0 0;text-align:center;border: 1px solid var(--tertiarycolor);}
.sbox h2{font-size:22px;background: var(--secondarycolor);text-align: center;font-weight: 500;padding: 5px 0;}
.sbox a{margin:0 auto;display: table;text-decoration: underline !important;;font-style:italic;transition:0.6s ease-in-out}
.sbox a:hover{letter-spacing: 2px}

#activities{padding:45px 0 15px;}
#activities p{margin-bottom:10px;}
#activities .btn-primary{float:right;margin:0}
#activities .col-md-4{padding:0px}

#gallery{width: 100%;float:left;padding:45px 0;text-align: center}
#gallery .ngg-navigation{display:none !important}
.galleryrow{flex-wrap: wrap;display: flex;}
#gallery .ngg-gallery-thumbnail-box {border: 10px solid #ccc;margin: 10px;max-width: 272px !important;}
#gallery .ngg-galleryoverview{margin-bottom:0}

#cta {background:var(--secondarycolor);padding:25px 0}
#testimonials{padding: 65px 0px;width: 100%;float: left;text-align: center}
.testimonial .testimonial-item {padding:28px 25px; background:#f5f5f5;}
#testimonials .testimonial h4{margin: 10px 0;color:var(--secondarycolor);}
#testimonials .owl-nav, #testimonials .owl-dots {margin-top: 25px;text-align: center;}
#testimonials .owl-dot {display: inline-block;width:30px; height:4px; background:#dbd9e6; border-radius:5px; margin:5px 5px}
#testimonials .owl-dot.active {background-color:var(--secondarycolor);}

.column{column-count: 2;margin:25px 0 !important;}
.column4{column-count:4}

#blog{width:100%;float:left;margin:45px 0;}
#blog h1{text-align: center;}
#blog a{margin: 10px;width: 90%;-webkit-transition-duration: 800ms;transition-duration: 800ms;cursor: pointer;padding: 15px;border: 1px solid #dfdfdf;}
.blog-thumbnail img{width: 100%;height:200px;}
#blog a:hover{box-shadow:12px 15px 20px 0px rgba(46,61,73,0.15) ;-webkit-transition-duration: 800ms;transition-duration: 800ms;cursor:pointer;}

#blog .col-md-6 .post-title{font-size: 26px;font-weight: 600;color:var(--primarycolor);margin:15px 0;display: block;padding:0 15px;}
#blog .col-md-6 .post-title:hover{color:#4c813b;}
#blog .col-md-6 p{text-align: justify;margin:0 0 25px;padding:0 15px;}
#blog .col-md-6 .more-link{background:#4c813b;text-align: center;color:#fff;max-width: 100%;display: inline-block;float: right;padding:10px;margin:0 15px;}
#blog .col-md-6 .more-link:hover{background:#4c813b;color:var(--primarycolor);}


#single-post {padding: 45px 10px;}
#single-post .post-title{font-size: 26px;font-weight: 600;color:var(--primarycolor);margin:15px 0;display: block;border-bottom: 1px solid #eee;line-height: 50px;}
#single-post .post-title:hover{color:#4c813b;}
#single-post p{margin-bottom: 25px;text-align:justify;}
#single-post img{max-width: 100%;height: auto;margin-bottom:25px;}
#single-post #featured-img img{max-width: 100%;display: block;margin-top:35px;height: auto;}
#single-post .col-md-8{display: flex;
align-items: center;
padding: 15px;
border: 1px solid #dfdfdf;
margin-bottom: 25px;
	}
#single-post i {
    font-size: 4rem;
    margin-right: 4%;
    color: var(--secondarycolor);
}

.info li{line-height:30px;display:flex;font-weight:300;}
.info .address:before {content: "\f041"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .phone:before {content: "\f2a0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}


#contactform{margin: 0 0 20px 0;line-height: 20px;padding: 30px 15px 0;float: left;}
#contactform *{font-size: 15px;color:#595966;font-family: "Cormorant";}
#contactform h3{font-size:26px;text-align: center; color:#fff}
#contactform i{font-size:26px;}
#contactform p{margin: 0;padding: 0 0 10px 0;line-height: 20px;}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform input{width: 100%;background: #FFF;border: 1px solid #ddd;padding: 10px 25px;margin: 10px 0; }
#contactform select{width: 100%;background: #FFF;border: 1px solid #ddd;padding: 15px 25px;margin: 10px 0;color:#595966;}
#contactform textarea{width: 100%;height: 125px;background: #fff;border: 1px solid #ddd;padding: 25px;margin: 10px 0;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{background: #fff;border: 1px solid #ccc;}

::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{font-size: 18px;text-transform: uppercase;cursor: pointer;padding: 10px;border: none;width: 200px; display: table;
margin: 0 auto;}
#contactform input.wpcf7-submit:hover{background: var(--secondarycolor);transition: 0.6s;}
textarea, iframe{max-width: 100%;}
.wpcf7-response-output{background:tranparent !important;border:0px !important}

.post {padding: 10px;margin: 0 0 10px 0;}
.post p {margin: 0 0 15px 0;}
.post p a {font-weight: bold;}
.post a {color: #000;}
.post ul {margin: 10px 0 0px 0px;}
.post ul li {list-style :none;margin: 0 0px 10px 0px;display: flex;list-style-position: inside;}
.post ul li:before{color: var(--secondarycolor);content: "\f192";margin-right: 8px;font-weight:900;font-family: "Cormorant";	}

#pagetitle {background-color:#f5f5f5;color:var(--primarycolor);background-size:cover;position: relative;float: left;width: 100%;}
#pagetitleinner .inner { display:flex;justify-content:space-between;align-items:center;}
#pagetitleinner {padding:5px 0;float: left;width: 100%;text-align: center;}
#pagetitle h1 {color:var(--tertiarycolor);text-align: center;font-size: 1.5rem;font-weight: 400;margin: auto 0;}
#pagetitle h1:after {display:none;}
#pagetitle p {color:#fff;text-align: center;font-size: 20px;}

.breadcrumb ul{display: flex;margin:0}
.breadcrumb li { padding: 0 1.5rem;display: flex;position: relative;}
.breadcrumb li a:hover{color:var(--secondarycolor)}
.breadcrumb li:not(:last-of-type)::before {
    content: "/";
    display: block;
    position: absolute;
    font-size: 1.75rem;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    color: #6f859a;
}
.breadcrumb li a, .breadcrumb li a:visited {
    display: block;
    /*! padding: 1rem 0; */
    text-decoration: none;
    color: var(--primarycolor);
}
.breadcrumb li.active a, .breadcrumb li.active a:visited {
    color: #f39321;
}

#main{padding: 45px 10px 45px 10px;}
#side{padding: 45px 10px 45px 10px;text-align:left;}
#side h3{background: var(--tertiarycolor);color: #fff;font-weight: 500;text-align: center;clip-path: polygon(0 0, 100% 0%, 100% 50%, 50% 100%, 0 50%);padding:10px 0px 30px;text-transform: uppercase;letter-spacing: 1px;}
#side .ngg-navigation{display:none !important}
#side .ngg-galleryoverview{margin:0px 0px 20px;padding: 0 5px;}
#side i{color:var(--secondarycolor)}
#side a{width:100%;display:block}
#side a:hover i{color:var(--tertiarycolor)}

#main p{color:var(--primarycolor);text-align: justify;}
#main a{font-weight: 500;}
#main a:hover{color:var(--secondarycolor);}
#main h3{border-bottom: 1px solid #eee;line-height: 50px;}
#main li{list-style: none;line-height: 30px;color: var(--primarycolor);}
.iconhead{display:flex;align-items: center;color:var(--tertiarycolor);font-weight:500}
.iconhead img{width: 64px;margin-right:10px}

#sidebar {margin:10px 0;}
#sidebar .widget{border:1px solid #eee;}
#sidebar ul{padding-left:15px}
#sidebar ul li{list-style:none}
.widget {margin:10px 0 25px 0;}
.widget h3 {margin:0 0 15px 0;text-transform:uppercase;padding:0 0 2px 0;text-align:left;font-weight:700}
.widget span.post-date {color:var(--primarycolor);font-size:12px;}
.widget ul {margin:10px 0 0 0px;}
.widget ul li {margin:0 0 12px 0;list-style-type:square;border-bottom:1px solid #eee;}

#commentlist{padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}

#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;max-width:90%;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}

#bottom {background-image: url("../../uploads/2023/02/footer-bg-.jpg") ;color:#fff;font-size: 14px;padding: 60px 0px 15px;background-repeat: no-repeat;background-size: cover;background-position: bottom left;}
#bottom a {color: #fff;}
#bottom a:hover {color:var(--secondarycolor);}
#bottom .widget h3 {border: none;text-align: left;font-weight:500;color: #fff;margin: 0px 0px 10px;}

#bottom .widget li {border: none;text-decoration: none;color:#fff ;list-style: none;}
#social-icon a{ font-size:20px; margin:10px }

#footer {clear: both;color: #fff;padding: 10px 0;text-align: center;font-size:12px;}
#footerlinks ul{margin-bottom:5px}
#footerlinks li{display:inline-flex;padding:0 5px;border-right:1px solid}
#footerlinks li:last-child{border:0}
#footer a {color: #fff;}

.fleft {float: left;}
.fright {float: right;}

#contactus ul li::before{display:none;}
#contactus ul li{align-items:center;}
#contactus ul li i {margin: 10px;color: var(--secondarycolor);font-size: 1.8rem;}
#contactus li a{font-weight: 400}

.downloads{display: grid;grid-template-columns:auto auto;}
.downloads .col-md-6{display:flex;justify-content:center;align-items:center;max-width: 100%;}
.downloads h3{font-size: 1.4rem;font-weight: 400;text-align:center;margin: 2% auto;}
.downloads i{font-size: 4rem;margin-right:4%;color: var(--secondarycolor);}

.annualreport{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;}
.page-id-51 .annualreport{display: unset}
.annualreport .col-md-6{display:flex;justify-content:center;align-items:center;max-width: 100%;margin:0rem 0 1rem;}
.annualreport a{font-size: 1.4rem;text-align:center;margin: 2% auto;padding: 15px;border: 1px solid #dfdfdf !important;width: 100%;display: flex;align-items: center;}
.annualreport i{font-size: 4rem;margin-right:4%;color: var(--secondarycolor);}
.page-id-2036 hr{margin:2rem 0}
.page-id-2036 h4.iconhead{text-align: center;display: block;}
#formbg {background-color: var(--tertiarycolor); border: 10px solid var(--secondarycolor);padding:0;float:left}

@media screen and (max-width: 1200px) {
	#pagetitleinner .inner{justify-content: space-around;}
	
}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.desktoponly {display: none;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color: var(--tertiarycolor);}
.site-navbar{display: none;}	
#logo{display: flex;
align-items: center;
justify-content: space-between;}	
#top-bar .col-md-8{clip-path:none;padding:10px}	
#top-bar{text-align:center}
#logo .site-title{margin: 10px 0;}	
#logo img{width: 40%;height: auto;float:left;}	
#slider .item img{height: auto}
#about p{padding: 0 15px;}
#about img{ margin:0 auto}	
.column4{column-count:1}
#bottom {width: 100%;display: block;}
#footer {font-size: 12px;padding: 10px 0;}
.fleft, .fright {float: none;}
#missionsection .col-md-4 {margin-top: 0;}
#missionbg{ display:none}
#servicebox,.sbox{width: calc(40%);margin: 15px auto;}
.annualreport {flex-direction: column;}
#activities .col-md-4{padding:10px}	
	#news .col-md-3 {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	padding: 14px;
}
	.downloads{grid-template-columns:auto}
	.downloads a{width:100%}
}


@media screen and (min-width: 981px) {
.mobileonly {display: none;}
.lefthalf {float: left;width: 48%;}
.righthalf {float: right;width: 48%;}
.site-menu-toggle{display:none;}

}


@media screen and (min-width: 220px) and (max-width: 420px) {
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 24px;}
#servicebox,.sbox{width: calc(80%);margin: 15px auto;}
#pagetitleinner .inner{flex-direction: column;}
}

@media screen and (min-width: 421px) and (max-width: 500px) {
#bottom .col-md-3{width: 49%;float: left;word-wrap: anywhere}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 30px;}
	#servicebox,.sbox{width: calc(80%);margin: 15px auto;}
	#pagetitleinner .inner{flex-direction: column;}
}


@media screen and (min-width: 501px) and (max-width: 768px) {
#bottom .col-md-3{width: 47%;float: left;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 36px;}
	#pagetitleinner .inner{flex-direction: column;}
}


@media screen and (min-width: 769px) and (max-width: 980px) {
#logo img{width: 50%;}
}

@media screen and (min-width: 769px) and (max-width: 1120px) {
#bottom .col-md-3{width: 47%;float: left;}
}