/*
Theme Name: EndocrinologyCMCVellore
Theme URI: https://www.cmcendovellore.org/
Author: Vinod R Nair
Author URI: https://www.cmcendovellore.org/acknowledgement-vinod-r-nair-php/
Description: The endocrine services in CMC Vellore started as an Endocrine Clinic under the Department of Medicine, in 1985. A separate department of Endocrinology and Metabolism came into being in 1995. In the year 2001, the first ever Super-speciality training course in Endocrinology, in South India, was introduced by the department. The department is one of India’s most recognized centres for hormonal disorders and diabetes in Asia. Outpatient attendances in excess of 80,000 annually and numerous courses being run: including DM in Endocrinology, Diabetes Fellowships, Distance Fellowship in Diabetes (DFID) and Short courses for Doctors in Diabetes, Diabetes counsellors Training and Foot care Training in Diabetes.   Programmes including outreach and competitions to disseminate knowledge among the medical fraternity and public are conducted. There is a unique nurse educator programme, the first and largest in India.
Version: 2.1.0
License: GNU General Public License
License URI: license.txt
Text Domain: preferential-lite
Domain Path: /languages/
Tags: custom-colors, two-columns, three-columns, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* 
 * Embedded Fonts
 * Generated by Font Squirrel (http://www.fontsquirrel.com) on November 22, 2013
 * Fonts by Google
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800|Lato:300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Sail&display=swap');


@-ms-viewport{ width: device-width; }

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('fonts/icomoon.woff') format('woff'),
         url('fonts/icomoon.ttf') format('truetype'),
         url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'Open Sans light';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body * {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
body {
	font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	}

#pref-top {
	border-bottom: 0px solid #a2a2a2;
	height: 435px;
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: 0 0.188rem 0.625rem 0 #BFBFBF;
	box-shadow: 0 0.188rem 0.625rem 0 #BFBFBF;
}

#pref-outerbox {
	max-width: 1400px;
	position: relative;
	z-index:1;
	background-color: #fff;
	min-height: 20rem;
	margin:0 auto;	
	border-radius: 3.750rem 3.750rem 0 0;
	-webkit-border-radius: 3.750rem 3.750rem 0 0;
	-webkit-box-shadow:  0 0 1.250rem 0px rgba(0, 0, 0, .2);  
    box-shadow:  0 0 1.250rem 0 rgba(0, 0, 0, .2);		
}
#pref-navbox {
	min-height: 1.938rem;	
	background: #003399 url(images/nav-gradient.png) 0 bottom repeat-x;
	border-radius: 2.750rem 2.750rem 0 0;
	color: #ffffff;
	text-align: center;
}
#pref-logo {
	max-width: 1200px;
	margin: 2rem auto;
	text-align: center;
}
#pref-logo-title {
	margin: 1.875rem auto;
	text-align: center;
}

#pref-announcement {
	padding: 5px 0;
	font: italic 0.75rem Verdana, "Lucida Grande",sans-serif;
	color: #fff;
	text-align: center;
}

.announce_title {
    float: left;
    width: 120px;
    background: #fff;
    padding: 0px;
    text-align: center;
    height: 0px;
    color: #fff;
    padding-bottom: 22px;
}




#pref-announcement {

		display:none;
}


#pref-banner {
	border-top: 0.250rem solid #003399;
	border-bottom: 0.250rem solid #003399;
}
#pref-banner-shadow img {
	margin:auto;
}

#pref-main-section {
	padding: 0rem 0 1rem;
}
#pref-content {}

#pref-cta {
	padding:1.5rem 0;
	border-bottom: 1px solid #cbd5a6;
	text-align: center;
}

#pref-bottom {
	background-color: #003399;
	padding: 1rem 0;
	color: #fff;
	border-top: 1.5px solid goldenrod;
}

#pref-footer {
	margin: 1.5rem auto;
	font: normal 0.688rem verdana, 'lucida grande', sans-serif;
	color: #696969;
	text-align: center;
}
#pref-footer-content {}
#pref-breadcrumbs {
	padding:0.75em 0;
	font: italic 0.688em Verdana, "Segoe UI", sans-serif, "Open Sans";
}

#pref-social {
	background-color: #00008B;
	color: #9ba2a7;
	padding: 0.5rem;
	text-align: center;
	border-bottom: 5px solid #000;
}
#pref-main-section,
#pref-bottom,
#pref-social-content {
	font-size: 0.813rem;	
}
#pref-social-content {
	margin-bottom: 0.813rem;
}

#pref-social-content h4 {
	font-size: 1rem;
}

ul.social-top li {
    list-style: none;
    display: inline-block;
    padding: 0px 10px 0px;

}


 @media all and (min-width: 1000px) {
.social-top {
	display: block;
	float: right;
}
	 }


 @media all and (max-width: 480px) {
    .social-top {display:none;}

}


.pref-copyright {
    font-size: 15px;
    color: darkblue;
	}		

@media all and (max-width: 480px) {
.pref-copyright {
    font-size: 10.5px;
    color: darkblue;
	font-family: auto;
	font-weight: bolder;

	}		
}

#pref-site-title {
	font: normal 2.5rem/1.1 "Open Sans light";
	margin:0;
	color: midnightblue;
}

@media all and (min-width: 100px) {
#pref-site-title {
	display:block;
    font: normal 0.9rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-weight: bolder;
}

}

@media all and (min-width: 280px) {
#pref-site-title {
	display:block;
    font: normal 1.1rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-weight: bolder;
}

}

@media all and (min-width: 320px) {
#pref-site-title {
	display:block;
    font: normal 1.3rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-family: auto;
	font-weight: bolder;
}
}

@media all and (min-width: 400px) {
#pref-site-title {
	display:block;
    font: normal 1.5rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-weight: bolder;
}
}

@media all and (min-width: 480px) {
#pref-site-title {
	display:block;
    font: normal 1.6rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-weight: bolder;
}
}

@media all and (min-width: 540px) {
#pref-site-title {
	display:block;
    font: normal 1.8rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 15px;
	font-weight: bolder;
}
}

@media all and (min-width: 600px)  {
#pref-site-title {
    font: normal 1.4rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 5px;
	font-weight: bolder;
}
}


@media all and (min-width: 680px)  {
#pref-site-title {
    font: normal 1.7rem/1.1 "Open Sans light";
    margin: 0;
	margin-top: 5px;
	font-weight: bolder;
}
}


@media all and (min-width: 980px)  {
#pref-site-title {
    font: normal 2.5rem/1.1 "Open Sans light";
    margin: 0;
}
}

#pref-site-tagline {
	font: normal 1rem/1 "Open Sans", sans-serif;
	margin:0;
	font-size: 23px;
    margin-top: 5px;
}

@media all and (max-width: 480px) {
#pref-site-tagline {
	font: normal 1rem/1 "Open Sans", sans-serif;
	margin:0;
	font-size: 16px;
    margin-top: 15px;
}

}

@media all and (min-width: 680px)  {
#pref-site-tagline {
	font: normal 1rem/1 "Open Sans", sans-serif;
	margin:0;
	font-size: 20px;
    margin-top: 8px;
}

}


@media all and (min-width: 980px)  {
#pref-site-tagline {
	font: normal 1rem/1 "Open Sans", sans-serif;
	margin:0;
	font-size: 23px;
    margin-top: 5px;
}

}


#footer-menu {
    margin: 8px 0;
    padding-left: 0;
    font-size: 1em;
    text-align: center;
    display: none;
}


#menu-footer-menu li a:before {
    content: "\f21e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.7em;
    left: 0;
}


ul#menu-footer-menu li a {
    padding-left: 15px;
	font-size:15px;
	font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: black;
}


@media screen and (max-width: 880px)  {
ul#menu-footer-menu li a {
    padding-left: 0px;
    color: fff;
    color: #003399;

}
}


ul#menu-footer-menu li  {
    color: #878787;
    display: inline-block;
    font-size: 13px;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
	margin-bottom: 2px;
    padding: 2px 0;
    border-bottom: 1px dashed #003399;
	font-family: arial;
	font-size: 13.5px;
	width: 28%;
    float: left;
    margin-right: 5%;
    margin-left: 0%;

}


@media screen and (max-width: 880px)  {
ul#menu-footer-menu li {
    width: 40%;
    float: left;
    margin-right: 10%;
    margin-left: 0%;
		font-size:13px;
		justify-content
}
}


@media screen and (max-width: 480px)  {
ul#menu-footer-menu li {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-left: 0%;
	font-size:13.5px;
	font-family: arial;

}
}


/*
 * Font Icons: Icomoon
 */
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	top: 0;
	display: inline-block;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-home:before {
	content: "\e600";
}
.icon-newspaper:before {
	content: "\e601";
}
.icon-paint-format:before {
	content: "\e602";
}
.icon-image:before {
	content: "\e603";
}
.icon-images:before {
	content: "\e604";
}
.icon-music:before {
	content: "\e605";
}
.icon-play:before {
	content: "\e606";
}
.icon-film:before {
	content: "\e607";
}
.icon-book:before {
	content: "\e608";
}
.icon-file:before {
	content: "\e609";
}
.icon-profile:before {
	content: "\e60a";
}
.icon-file2:before {
	content: "\e60b";
}
.icon-file3:before {
	content: "\e60c";
}
.icon-stack:before {
	content: "\e60d";
}
.icon-cart:before {
	content: "\e60e";
}
.icon-phone:before {
	content: "\e60f";
}
.icon-envelope:before {
	content: "\e610";
}
.icon-screen:before {
	content: "\e611";
}
.icon-mobile:before {
	content: "\e612";
}
.icon-tablet:before {
	content: "\e613";
}
.icon-undo:before {
	content: "\e614";
}
.icon-redo:before {
	content: "\e615";
}
.icon-forward:before {
	content: "\e616";
}
.icon-reply:before {
	content: "\e617";
}
.icon-bubble:before {
	content: "\e618";
}
.icon-bubbles:before {
	content: "\e619";
}
.icon-bubble2:before {
	content: "\e61a";
}
.icon-bubbles2:before {
	content: "\e61b";
}
.icon-user:before {
	content: "\e61c";
}
.icon-users:before {
	content: "\e61d";
}
.icon-quotes-left:before {
	content: "\e61e";
}
.icon-search:before {
	content: "\e61f";
}
.icon-expand:before {
	content: "\e620";
}
.icon-contract:before {
	content: "\e621";
}
.icon-lock:before {
	content: "\e622";
}
.icon-lock2:before {
	content: "\e647";
}
.icon-unlocked:before {
	content: "\e674";
}
.icon-cog:before {
	content: "\e623";
}
.icon-cogs:before {
	content: "\e624";
}
.icon-bars:before {
	content: "\e625";
}
.icon-earth:before {
	content: "\e626";
}
.icon-link:before {
	content: "\e627";
}
.icon-warning:before {
	content: "\e628";
}
.icon-notification:before {
	content: "\e629";
}
.icon-question:before {
	content: "\e62a";
}
.icon-info:before {
	content: "\e62b";
}
.icon-spam:before {
	content: "\e675";
}
.icon-checkmark:before {
	content: "\e62c";
}
.icon-minus:before {
	content: "\e672";
}
.icon-play2:before {
	content: "\e673";
}
.icon-volume-low:before {
	content: "\e62d";
}
.icon-arrow-right:before {
	content: "\e62e";
}
.icon-arrow-left:before {
	content: "\e62f";
}
.icon-arrow-right2:before {
	content: "\e630";
}
.icon-arrow-left2:before {
	content: "\e631";
}
.icon-arrow-right3:before {
	content: "\e632";
}
.icon-arrow-left3:before {
	content: "\e633";
}
.icon-checkbox-checked:before {
	content: "\e634";
}
.icon-checkbox-unchecked:before {
	content: "\e635";
}
.icon-checkbox-partial:before {
	content: "\e636";
}
.icon-radio-checked:before {
	content: "\e637";
}
.icon-radio-unchecked:before {
	content: "\e638";
}
.icon-mail:before {
	content: "\e639";
}
.icon-mail2:before {
	content: "\e63a";
}
.icon-googleplus:before {
	content: "\e63b";
}
.icon-googleplus2:before {
	content: "\e63c";
}
.icon-googleplus3:before {
	content: "\e63d";
}
.icon-facebook:before {
	content: "\e63e";
}
.icon-facebook2:before {
	content: "\e63f";
}
.icon-facebook3:before {
	content: "\e640";
}
.icon-instagram:before {
	content: "\e641";
}
.icon-twitter:before {
	content: "\e642";
}
.icon-twitter2:before {
	content: "\e643";
}
.icon-twitter3:before {
	content: "\e644";
}
.icon-feed:before {
	content: "\e645";
}
.icon-feed2:before {
	content: "\e646";
}
.icon-youtube:before {
	content: "\e648";
}
.icon-youtube2:before {
	content: "\e649";
}
.icon-vimeo:before {
	content: "\e64a";
}
.icon-vimeo2:before {
	content: "\e64b";
}
.icon-vimeo3:before {
	content: "\e64c";
}
.icon-flickr:before {
	content: "\e64d";
}
.icon-flickr2:before {
	content: "\e676";
}
.icon-flickr22:before {
	content: "\e64e";
}
.icon-flickr3:before {
	content: "\e64f";
}
.icon-picassa:before {
	content: "\e650";
}
.icon-picassa2:before {
	content: "\e651";
}
.icon-dribbble:before {
	content: "\e652";
}
.icon-dribbble2:before {
	content: "\e653";
}
.icon-dribbble3:before {
	content: "\e654";
}
.icon-github:before {
	content: "\e655";
}
.icon-github2:before {
	content: "\e656";
}
.icon-github3:before {
	content: "\e657";
}
.icon-github4:before {
	content: "\e658";
}
.icon-github5:before {
	content: "\e659";
}
.icon-wordpress:before {
	content: "\e65a";
}
.icon-wordpress2:before {
	content: "\e65b";
}
.icon-blogger:before {
	content: "\e65c";
}
.icon-blogger2:before {
	content: "\e65d";
}
.icon-tumblr:before {
	content: "\e65e";
}
.icon-tumblr2:before {
	content: "\e65f";
}
.icon-skype:before {
	content: "\e660";
}
.icon-reddit:before {
	content: "\e661";
}
.icon-linkedin:before {
	content: "\e662";
}
.icon-lastfm:before {
	content: "\e663";
}
.icon-lastfm2:before {
	content: "\e664";
}
.icon-delicious:before {
	content: "\e665";
}
.icon-stumbleupon:before {
	content: "\e666";
}
.icon-stumbleupon2:before {
	content: "\e667";
}
.icon-pinterest:before {
	content: "\e668";
}
.icon-pinterest2:before {
	content: "\e669";
}
.icon-file-pdf:before {
	content: "\e66a";
}
.icon-html5:before {
	content: "\e66b";
}
.icon-html52:before {
	content: "\e66c";
}
.icon-chrome:before {
	content: "\e66d";
}
.icon-firefox:before {
	content: "\e66e";
}
.icon-IE:before {
	content: "\e66f";
}
.icon-opera:before {
	content: "\e670";
}
.icon-safari:before {
	content: "\e671";
}


/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/



h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.1;
	margin: 0.75rem 0;
}

h1 {
	font-size: 1.75rem;
}
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1.313rem;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.125rem;
}
h6 {
	font-size: 1rem;
}
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #222;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	font-weight:normal;
	line-height:1;
	color:#999
}
h1 small,h2 small,h3 small{
	font-size:65%
}
h4 small,h5 small,h6 small{
	font-size:75%
}


h1.head-2 {
    margin-bottom: 0px !important;
    background: #003399;
    text-align: center;
    padding: 15px 0px;
    color: #ffffff;
}

h2.head-1 {
    margin-bottom: 0px !important;
    background: #f6f6f6;
    text-align: center;
    padding: 5px 0px;
}

h2.head-2 {
    margin-bottom: 0px !important;
    background: gold;
    text-align: center;
    padding: 5px 0px;
}

h3.head-1 {
    margin-bottom: 0px !important;
    background: #f6f6f6;
    text-align: center;
    padding: 5px 0px;
}

h4.head-1 {
    margin-bottom: 0px !important;
    background: #f6f6f6;
    text-align: center;
    padding: 5px 0px;
}


h5.head-1 {
    margin-bottom: 0px !important;
    background: #f6f6f6;
    text-align: center;
    padding: 5px 0px;
}


h6 {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #314e6f;
    font-weight: 600;
    border-bottom: dashed 0px #f1f6fc;
    margin-bottom: 5px;
    background-color: #fbf8f2;
    height: 6px;
    line-height: 17px;
    padding-top: 10px;
    padding-left: 3px;
	  padding-bottom: 25px;
}


p {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
	text-align: justify;
	padding-bottom: 20px;
	overflow-wrap: anywhere;
}


	
li{
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
    text-align: justify;
	overflow-wrap: anywhere;
}	

.block ul li {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    font-size: 15px;
	list-style: none;
    line-height: 25px;
    font-weight: normal;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-top: 15px;
	overflow-wrap: anywhere;
}

td {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
		text-align: left;
	overflow-wrap: anywhere;
}	
	
tr {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
		text-align: left;
	overflow-wrap: anywhere;
}	








.wprt-container .table > thead > tr > th, .wprt-container .table > tbody > tr > th, .wprt-container .table > tfoot > tr > th, .wprt-container .table > thead > tr > td, .wprt-container .table > tbody > tr > td, .wprt-container .table > tfoot > tr > td, .wprt-container .table > tr > td {
    padding-top: 8px!important;
    padding-right: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 8px!important;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}

p.heading {
    font-family: arial;
		color: #003399;
    font-size: 20;
    margin-bottom: 0 !important;
		text-decoration: underline solid;
			font-weight: bold;
}
	
	
p.sub-heading {
    font-family: arial;
		color: #003399;
    font-size: 16px;
		text-decoration: underline solid;
    margin-bottom: 0 !important;
		font-weight: bold;
}
	
	


.news_li {
	    font-family: 'Lato',sans-serif;
	    word-wrap: break-word;
		font-size: 15px;
	}


#pref-cta h1 {
	margin: 0 0 0.250rem;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #fff;
}
#pref-cta p {
	margin: 0 0 0.375rem;
	line-height: 1.25;
}
.entry-title a {
	color: #383838;
}
.widget h3 {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
}



b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 2rem 0;
	border-left: 0.5rem solid #7e8a93;
	padding: 0 1rem;
	font-size: 0.875rem;
	line-height: 1.5;
	font-style: italic;
}
blockquote p {
	margin: 0;
}
blockquote cite {
	color: #b9bdbf;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.5;	
}
blockquote cite:before { 
	content:"\2014";
	margin-right: .5em;
}

address {
	margin: 0 0 1.5rem;
	font-style:italic;
}

p.car-cent {
		text-align: center;
	}	

kbd, tt, var,samp {
	font: 1em/1.1 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
kbd {
	color: #333;
	padding: 2px 12px;
	border: 1px solid #a6afb6;
	background-color: #fff;
}
abbr, acronym {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}
del {
	text-decoration:line-through;
	color: #9f3e20;
}
dfn {
	font-weight: 600;
}
dfn:before {
	content:open-quote;
}
dfn:after {
	content:close-quote;
}
ins {}
mark {
	background: #7e8a93;
	color: #fff;
	text-decoration: none;
	padding: 0 0.5em;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 24px;
}
th {
	font-weight: bold;
}

.pref-dropcap {
	font: bold 72px/.8 "Open Sans", sans-serif;
	color: #5f8cb4;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}
::selection {
	background-color: #5b99c5;
	color: #FFF;
}
p.form-allowed-tags {
	max-width: 100%;
	margin: 1rem auto;
}



	.home h1.entry-title {
display: none;
}
	

@media screen and (min-device-width: 221px) and (max-device-width: 600px) {
.entry-title {
    color: #003366 !important;
    -webkit-appearance: button;
    cursor: pointer;
    padding: 25px 10px 25px;
    font-size: 24px;
    font-family: 'Lato',sans-serif;
    font-weight: bolder;
    border-top-style: double;
    border-right-style: none;
    border-bottom-style: double;
    border-left-style: none;
    border-color: #808080;
    margin-top: 40px;
    margin-bottom: 40px;
	overflow-wrap: anywhere;
}
}

	
@media screen and (min-device-width: 601px) and (max-device-width: 2000px) {
.entry-title {
    color: #003366 !important;
    -webkit-appearance: button;
    cursor: pointer;
    padding: 25px 10px 25px;
    font-size: 32px;
    font-weight: 600;
    border-top-style: double;
    border-right-style: none;
    border-bottom-style: double;
    border-left-style: none;
    border-color: #808080;
    margin-top: 40px;
    margin-bottom: 40px;
	overflow-wrap: anywhere;
}
	}
	
.page-title {
	display: none;
	}

@media screen and (max-width: 480px)
.page-title {
    display: none;
}


/*--------------------------------------------------------------
Social Networking
--------------------------------------------------------------*/
#socialbar .icomoon {
	font-size: 1.375rem;
	width: 130%;
	height: 130%;
	border-radius: 50%;
	top:3px;
}
#socialbar a {
	display: inline-block;
	margin: 2px 0.25rem;
		
}

/* Social icons */
#twitter:before { content: '\e642'; }
#facebook:before { content: '\e63e'; }
#google:before { content: '\e63b'; }
#linkedin:before { content: '\e662'; }
#pinterest:before { content: '\e668'; }
#flickr:before { content: '\e64d'; }
#youtube:before { content: '\e648'; }
#vimeo:before { content: '\e64a'; }
#github:before { content: '\e655'; }
#instagram:before { content: '\e641'; }
#reddit:before { content: '\e661'; }
#dribble:before { content: '\e652'; }
#picassa:before { content: '\e650'; }
#wordpress:before { content: '\e65a'; }
#tumblr:before { content: '\e65e'; }
#stumbleupon:before { content: '\e666'; }
#rss:before { content: '\e645'; }
#email:before { content: '\e610'; }


/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

	

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.featured-post {
		text-transform: uppercase;
	color:#e4a92c;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-header {
	margin-bottom: 1.5rem;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	font-size: 0.813rem;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.entry-meta {
	font: italic 0.688rem verdana, "lucida grande", sans-serif;
	color: #68909f;
}
#pref-right,
#pref-left {
	padding-top: 1.250rem;
}
.tag-links a {
	margin-right: 0.75rem;
}
footer.entry-meta {
	margin: 1.5rem 0;
	font-weight: bold;
}
footer .entry-meta-value {
	font-weight: normal;
}
footer.entry-meta span {
	line-height: 1rem;
}
.wp-post-image {
	margin-bottom: 0.5rem;
}
.post-thumbnail-small .wp-post-image {
	margin-bottom: 0;
}
.post-thumbnail,
.post-thumbnail-small-single.alignleft {
	margin-top: 1rem;
}
.post-thumbnail-small-single.alignleft {
	margin-bottom: 8px;
	margin-top:5px;
}
footer .edit-link {
	margin:1.5rem 0;
}
.type-page {
	margin-bottom:0;
}
.blog-full-width {
	text-align: center;
}

/*--------------------------------------------------------------
Standard Format
--------------------------------------------------------------*/
.format-standard .entry-title {
	font-size: 1.250rem;
}
img.attachment-post-thumbnail {
	margin-top: 1rem;
}
.post-thumbnail-small img.attachment-post-thumbnail {
	margin-top: 0;
}

/*--------------------------------------------------------------
Aside Format
--------------------------------------------------------------*/
.format-aside .entry-meta {
	margin-bottom: 1.5rem;	
}
.format-aside footer {
	text-align: center;
	font-size: 0.688rem;
	font-style:italic;
}
.format-aside footer .edit-link {
	display: block;
	margin-bottom: 0.75rem;
}



/*--------------------------------------------------------------
Status Format
--------------------------------------------------------------*/
.format-status .col-md-2 {
	padding-right:0;
	text-align: center;
}
.format-status footer {
	margin:0;
}
.format-status .avatar {
	margin: 0.5rem 0 0;
}
.format-status footer span {
	font-weight: normal;
}
.format-status .entry-title {
	font-size: 1.25em;
	line-height: 1.75rem;
	margin: auto;
}

/*--------------------------------------------------------------
Quote Format
--------------------------------------------------------------*/
.format-quote .entry-content {}
.format-quote .entry-title {
	font-size: 1rem;
	line-height: 1.438rem;
	font-weight:bold;
	font-style:normal;
}
.format-quote .icon-quotes-left {
	font-size: 1.75rem;
	top: 5px;
	margin-right: 0.5rem;
	color: #a9abb3;
}
.format-quote .entry-content {
	font-family: "Open Sans", Helvetica, Arial;
	font-size: 0.813rem;
	font-style: italic;
}
.format-quote .testimonial-thumbnail {
	margin: 1.25rem 0 0 0;
}
.format-quote .testimonial-thumbnail img {
	
}
/*--------------------------------------------------------------
Image Format
--------------------------------------------------------------*/
.format-image header.entry-header {
	margin-bottom: 0.75rem;
}

/*--------------------------------------------------------------
Link Format
--------------------------------------------------------------*/
.format-link .link-thumbnail {
	max-height: 160px;
	max-width: 160px;
	margin: 0.75em 0 0 0;
	float: left;
}
.format-link img {
	border: none;
}
.format-link p a {
	display: inline;
	position: relative;
	top:0;
	padding: 0.25em 1em;
	background: #384149;
	color: #FFF;
	text-transform: uppercase;
	vertical-align: top;
	border-radius: 4px;
	font-size: 0.875em;
	line-height: 1.5;
	text-decoration: none;
}
.format-link p a:hover {
	background-color:#e2e5e7;
	color: #656565;
}
.format-link .entry-content-link {
	margin-left: 13.5em;
	overflow: hidden;
}

/*--------------------------------------------------------------
Audio Format
--------------------------------------------------------------*/
.format-audio .audio-thumbnail img {
	margin: 0 auto 2em;
	display: block;
}
.format-audio .entry-content,
.single-format-audio .entry-content {
	text-align: center;
}
.format-audio .wp-audio-shortcode,
.format-audio .mejs-audio {
	margin: 2em auto;
	clear: both;
}

/*--------------------------------------------------------------
Video Format
--------------------------------------------------------------*/
.format-video .audio-thumbnail img {
	margin: 0 auto 2em;
	display: block;
}
.format-video .entry-content,
.single-format-video .entry-content {
	text-align: left;
}
.format-video .wp-video-shortcode,
.format-video .mejs-video {
	margin: 2em auto;
	clear: both;
}

/*--------------------------------------------------------------
Gallery Format
--------------------------------------------------------------*/
.format-gallery .format-image header.entry-header {
	margin-bottom: 0.75rem;
}

.gallery {
	margin: 1.5rem 0;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

#pref-bottom figcaption {
	display: none;
}




/* bootstrap responsive images */


/* Center logo */
 #pref-logo img {
	 margin-left: auto;
	 margin-right: auto;
 }
 
/* WP Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are scaled correctly.
 */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img,
.page-thumbnail img,
img.avatar,
.entry-attachment img,
.pref-team-image {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}


/* Standard WordPress image styles */
.alignnone {
    margin: 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.5em auto 5px auto;
}
.alignright {
    float:right;
    margin: 0.5em 0 20px 30px;
}
.alignleft {
    float: left;
    margin: 0.5em 30px 20px 0;
}
.aligncenter {
    display: block;
    margin: 1.5rem auto;
}
a img.alignright {
    float: right;
    margin: 0.5em 0 20px 30px;
}
a img.alignnone {
    margin: 0;
}
a img.alignleft {
    float: left;
    margin: 0.5em 30px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0rem;
}
.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
    padding: 0;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 30px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 30px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
figcaption.wp-caption-text {
    font-size: 0.813rem;
    line-height: 1rem;
    margin: 0;
    padding: 2px 4px 3px;
	color: #333333;
	background-color: #e8e8e8;
}
#pref-banner .aligncenter,
#pref-banner .alignleft,
#pref-banner .alignright,
#pref-banner .alignnone {
	margin: 0;
	max-width: 100%;
}
#pref-banner .aligncenter {
	margin: 0 auto;
}

/*--------------------------------------------------------------
Attachment
--------------------------------------------------------------*/
.attachment #pref-breadcrumbs,
.type-attachment {
	text-align: center;
}
.entry-attachment .attachment {
	margin:2rem auto;
}

.type-attachment .entry-content p {
	font-size: 0.813rem;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.entry-attachment .entry-caption p {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
}
.entry-attachment img {
	border-bottom-width: 12px;
}

/*--------------------------------------------------------------
Link Styles
--------------------------------------------------------------*/
a, a:visited {
	color: #3199e3;
	text-decoration:none;
}
a:hover,
a:focus,
.entry-title a:hover {
	color: #e4a92c;
}
a:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
.entry-title a {
	color: #666666;
}
#pref-cta a {
	color: #9f3e20;
}
#pref-cta a:hover {
	color: #ebedcf;
}
#pref-bottom a {
	color: #d0e9f9;
}
#pref-bottom a:hover {
	color: #f3e2bd;
}
#pref-social a {
	color: #cbcdcf;
}
#pref-social a:hover {
	color: #eae2d1;
}	
	
/*--------------------------------------------------------------
List Styles
--------------------------------------------------------------*/
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1.5em;
}

ul ul,
ol ol {
	padding-left: 1.5rem;
}
.widget ul,
.widget ol {
	padding-left: 0.25rem;
}

/*--------------------------------------------------------------
Icon Box
--------------------------------------------------------------*/
.pref-icon-box {
	margin-bottom: 1rem;
	text-align: center;
	padding: 1rem;
}
.pref-icon-header {}
.pref-icon-header .icomoon {
	font-family: icomoon;
	font-size: 2rem;
}
.pref-icon-header h3 {
	margin-top: 0;
}
.pref-icon-content {}

/* icon box left icon */
.pref-icon-box.left {
	text-align: left;
}
.pref-icon-box.left .icomoon {
	float: left;
	position: relative;
}
.pref-icon-box.left h3 {
	margin-left: 50px;
	overflow: hidden;
}

/*--------------------------------------------------------------
Message Box
--------------------------------------------------------------*/

.pref-message-box {
  height: 50px;
  margin: 2rem 0;
  position: relative;
  color: #fff;
  padding: 0 12px;
}
.pref-message { 
  position: absolute;
  width: 100%;
  display: table; 
}
.pref-message i {
	font-size: 2rem;
	position: relative;
	margin-right: 12px;
	top: 9px;
}
.pref-message p {
  display: table-cell; 
  vertical-align: middle; 
}

.information-message {
	background-color: #5b99c5;
}
.important-message {
	background-color: #deb538;
}
.warning-message {
	background-color: #cb5544;
}
.success-message {
	background-color: #9eb25b;
}

/*--------------------------------------------------------------
Page dividers
--------------------------------------------------------------*/
.article-separator {
	height: 1rem;
}
hr{
	margin-top:1.75rem;
	margin-bottom:1.75rem;
	border:0;
	border-top:1px solid #ccc;
	}

/* HR heading style */
.pref-hr-heading-box {
	height: 20px;
	position: relative;
	margin: 1.125rem auto 2.125rem;
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
.pref-hr-heading {
	display: inline-block;
	position: relative;
	top: 7px;
	background-color: #fff;
	padding: 0 16px;	
}

/*--------------------------------------------------------------
Widget styling
--------------------------------------------------------------*/
.widget {
	margin-bottom: 3rem;
	background-color: #fff;
}
#pref-topinset .widget,
#pref-bottominset .widget {
margin-bottom: 1.5rem;
}

#pref-bottom .widget,
#pref-footer .widget {
	background: transparent;
	margin-bottom: 0;
}
.widget h3, 
.widget h4 {
	font-family:"Open Sans",Arial,Helvetica,sans-serif;
	font-weight: 400;
}

/* Widget style - default */
.widget.barouter,
.widget.barinner {
	display:none;
}

/* Widget style - menu */
.widget.menu ul {
	padding-left: 10rem;
	
}
.widget.menu li {
	list-style: none;
	line-height:2.25;
	border-bottom: 1px solid #dadada;
}
.widget.menu ul.sub-menu li:last-child {
	border: none;
}
.widget.menu ul.sub-menu li:first-child {
	border-top: 1px solid #dadada;
}
.widget.menu ul ul {
	margin:0;
	border-bottom: none;
}
.widget.menu ul ul li {
	margin-left: 16px;
}


/* WordPress default widgets */
.widget_calendar caption {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	background-color: #384149;
	margin-bottom: 1px;
	padding: 5px 3px;
	border-radius: 3px 3px 0px 0px;
	color: #fff;
}
.widget_calendar th {
	background: padding-box padding-box #E2E3E4;
	border-left: 1px solid rgba(0, 0, 0, 0);
	color: #333;
	text-align: center;
	font-weight: bold;
}
.widget_calendar tbody, .widget_calendar thead {
	border: 1px solid #E2E3E4;
}
.widget_calendar tbody td {
	background: padding-box padding-box #FCFDFD;
	border-left: 1px solid rgba(0, 0, 0, 0);
	 border-top: 1px solid rgba(0, 0, 0, 0);
	text-align: center;
}
.widget_calendar tbody td:first-child {
	border-left: none;
}
.widget_calendar tbody td#today {
	background-color: #9ca9b0;
	color: #FFF;
	font-weight: bold;
}
.widget_calendar tbody td#today a {
	color: #fff;
}
.widget_calendar tfoot {

}

/* WP Default widget - Tag Cloud */
.tagcloud {
	margin: 1.75em 0;
}
.tagcloud a {
	display: inline-block;
	font-size: 0.938rem!important;
	margin: 0 5px 6px 0;
	background-color: #384149;
	color: #fff;
	border: 1px solid #e2e3e4;
	border-radius: 5px;
	padding: 0 .813rem;
}
.tagcloud a:hover {
	border-color: #384149;
	text-decoration: none;
}
#pref-bottom .tagcloud a {
	font-size: 0.75rem !important;
	border: 1px solid #384149;
}
#pref-bottom .tagcloud a:hover {
	border: 1px solid #919191;
}

/*--------------------------------------------------------------
Tables and colours
--------------------------------------------------------------*/
.table {
	margin: 2rem 0;
}

/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/
.paging-navigation,
.post-navigation {
	margin: 2rem 0;
	padding: 0.25rem 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	font-size: 0.75rem;
}
.page-numbers {
	margin:0 2px;
}
.page-numbers:hover {
	border-bottom: 1px solid #6ea2cf;
}
.page-numbers.current {
	display: inline-block;
	width: 1.250rem;
	height: 1.250rem;
	border-radius: 50%;
	background-color: #6ea2cf;
	color: #fff;
	text-align: center;
}
.post-navigation .meta-nav {
	display: inline-block;
	margin-right: 0.5rem;
	font-weight: 900;
	line-height: 2;
	text-transform: uppercase;
}
.post-navigation a {
	color: #2B2B2B;
	display: block;
	text-transform: none;
}
.image-navigation {
	margin: 1rem 0 2rem;
}
.image-navigation .previous-image,
.image-navigation .next-image {
	font-size: 22px;
	line-height: 1;
}
.image-nav-links {
	text-align: center;
}
.image-nav-links a {
	display: inline-block;
	margin: 0 0.25rem;
	color: #7f808a;
}
.image-nav-links a:hover {
	color: #000;
}

.primary-navigation {
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}



#primary-navigation ul ul li {
    background-color: #ffecc4;
    border-top-color: #af2149;
}

@media screen and (max-width: 480px) {
	
	.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

}	

@media screen and (min-width: 680px) {
	.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;	

}

}	


@media screen and (min-width: 980px) {
	.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;	

}

}	

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments,
.comment-list {
	margin: 2rem 0;
}
.comments-title {
	font-size: 1rem;
}
.comments-title span {
	font-style: italic;
}
.comment-list,
.comment-list .children {
	list-style: none;
	padding: 0;
}
.comment-list li {
	margin: 0;
}
.comment-list .children li {
	margin-left: 1.5rem;
}
.comment-author {
	padding-top: 4px;
	margin-top: 0.375rem;
}
.comment-meta {
	background-color: #EDEDED;
	height: 48px;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-avatar {
	display: inline-block;
	margin-right: 0.75rem;
	float: left;
}
.comment-avatar img {
	border: none;
}
.comment-meta div > div {
	display: inline-block;
	float:left;
}
.comment-author .fn,
.comment-author .fn a {
	font-size: 0.813rem;
	color: #333;
	font-weight: 600;
}
.comment-metadata {
	font-size: 0.688rem;
	font-style:italic;
	padding-right: 5px;
}
.comment-metadata .reply,
.comment-metadata .edit-link {
	display: inline-block;
	margin:0 5px;
	float: right;
}
.comment-metadata .icon-reply {
	font-size: 0.813rem;
	color: #333;
	top: 2px;
}
.comment-metadata .reply a:hover,
.comment-metadata .edit-link a:hover {
	color: #000;
}
.bypostauthor {}


/*--------------------------------------------------------------
Forms
----------------------------------------------------------------*/

form.post-password-form p {
	margin: 1.250rem 0;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}


/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

@media(max-width:480px){
	.menu-toggle {
		right: auto;
	    text-align: center;
	    left: auto;
	    margin: 6px auto;
	    position: relative;
	}
	.primary-navigation {
		padding-top: 0;
	}
	.primary-navigation.toggled-on {
		padding: 0 0 36px;
	}
	div.post-thumbnail-small {
		display: block;
		float: none;
	}
	img.alignleft,
	img.alignright,
	img.alignnone {
		display: block;
		float: none;
		margin: 1rem auto;	
	}
	#pref-cta h1 {
		font-size: 1.25rem;
	}
	#pref-cta p {
		font-size: 0.938rem;
	}
}
@media(max-width:320px){
	.menu-toggle {
		right: 38%;
	}
}
@media(max-width:767px){

}



#pref-banner .textwidget
{display: none}

#pref-breadcrumbs {display: }

#primary-navigation ul ul {background-color: #ffecc4;}				
	}


div#pref-announcement .textwidget
{display: none}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/


input[type="submit"] {
    display: inline-block;
    -webkit-appearance: button;
    cursor: pointer;
    padding: 5px 40px 5px;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 18px;
    border: 3px solid #003399 !important;
    border-radius: 0px;
    background: #003399 !important;
}


input[type="submit"]:hover {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 5px 40px 5px; 
    color: #fff !important;
    text-transform: capitalize;
    font-size: 18px;
    border: 3px solid lime !important;
    border-radius: 0px;
	background: green !important;

}


.button {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #003399;
    color: white;
	    border: 3px solid #003399 !important;
    padding: 2px 4px 2px;
    font-size: 13px;
	border-radius: 5px;
}

.button:hover {
    background-position: 0 -33px;
    background-color: green;
	border-radius: 3px;
	padding: 2px 4px 2px;
	border: 3px solid green !important;
	border-radius: 5px;

}



.button3 {
    display: inline-block;
    -webkit-appearance: button;
    cursor: pointer;
    padding: 10px 30px 10px; 
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    border: 3px solid #ff0000 !important;
    border-radius: 50px;
    background: red !important;

}

.button3:hover {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 10px 30px 10px; 
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    border: 3px solid lime !important;
    border-radius: 50px;
	background: green !important;

}

.button4 {
    display: inline-block;
    -webkit-appearance: button;
    cursor: pointer;
    padding: 10px 30px 10px; 
    color: #800080 !important;
    text-transform: capitalize;
    font-size: 15px;
    border: 2px solid #003399 !important;
    border-radius: 10px;
    background: #fff !important;

}

.button4:hover {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 10px 30px 10px; 
    color: white !important;
    text-transform: capitalize;
    font-size: 15px;
    border: 2px solid green !important;
    border-radius: 10px;
    background: green !important;
}


.button5 {
    display: inline-block;
	-webkit-appearance: button;
    cursor: pointer;
    background-color: #003399;
    color: white;
	border-radius: 3px;
	display: inline-block;
    padding: 4px 10px 4px;align-content

}

.button5:hover {
    background-position: 0 -33px;
    background-color: green;
	border-radius: 3px;
	padding: 4px 10px 4px;
    text-decoration: none;

}





.wpcf7-form input[type="text"], input[type="email"], input[type="tel"], textarea {width:100% !important;}


/*--------------------------------------------------------------
Mobile Contents
--------------------------------------------------------------*/

section.mob-enq {
    width: 100%;
    text-align: center;
}


section.mob-enq a {
    border: 1px solid #ffd03e;
    display: inline-block;
    padding: 9px 25px 10px;
    border-radius: 40px;
    background: #ffd03e;
    margin: 20px auto 10px;
    color: #333;
    font-size: 18px;
}

.mob-enq :hover {
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 9px 25px 10px;
    border-radius: 40px;
    background: #00ff00;
    margin: 20px auto 10px;
    color: #333;
    font-size: 18px;
}



 @media all and (min-width: 480px) {
    .mob-enq {display:none;}
 
}

@media all and (max-width: 481px) {
    .mob-enq {display:block;}

}


section.vision {
    width: 100%;
    text-align: center;
}

section.vision a {
    border: 15px solid #ffffff;
    display: inline-block;
    padding: 10px 10px 10px;
    border-radius: 20px;
    background: #e4e8e5;
    margin: 0px auto 0px;
    color: #003399;
    font-size: 12px;
}


 @media all and (min-width: 480px) {
    .vision {display:none;}
 
}

section.donation a {
    border: 1px solid #ddd;
    padding: 0px 5px 0px;
    border-radius: 50px;
    background: #7a7b3c;
    margin: 0px auto 0px;
    color: #ff0;
    font-size: 12px;
    float: right;
}


 @media all and (max-width: 480px) {
    .donation {display:none;}
 
}


section.donation1 a {
    border: 1px solid #ddd;
    padding: 0px 5px 0px;
    border-radius: 50px;
    background: #7a7b3c;
    margin: 0px auto 0px;
    color: #ff0;
    font-size: 12px;
    float: right;
}


 @media all and (min-width: 480px) {
    .donation1 {display:none;}
 
}



/*--------------------------------------------------------------
Custom Bullet styles
--------------------------------------------------------------*/


.ac li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/arrow-li.png) 12px 25px no-repeat;
    padding-left: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.dr li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/Dr-icon.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.dr1 li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/Dr-icon.png) 5px 12px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
	margin: 5px;
}

.blue li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/blue-icon.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.bt li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/blue-arrow-bullet.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.bk li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/book.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.hon li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/HONOURS.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.accreditation li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/acreditation.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.professional li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/professional.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.re li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/microscope-icon.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.dna li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/dna1.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.qualification li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/Qualification.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.registernow li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/Register_now.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}



.at li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/article.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.jl li {
    line-height: 25px;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/article-icon.png) 5px 15px no-repeat;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
Custom Bullet styles
--------------------------------------------------------------*/





.site-branding {
		display:block;
		margin: 0px 0px 0px;

}

@media all and (min-width: 480px) {
    .site-branding {display:none;}
 
}

@media all and (max-width: 479px) {
    .site-branding {display:block;}

}


.logo-motto
{
    color: #8594b4;
    text-align: center;
}

 @media all and (min-width: 480px) {
    .logo-motto {display:none;}
 
}

@media all and (max-width: 479px) {
    .logo-motto {display:block;}

}




/*--------------------------------------------------------------
Max Mega Menu
--------------------------------------------------------------*/

#mega-menu-wrap-primary #mega-menu-primary {
    visibility: visible;
    text-align: center;
    padding: 2px 0px 2px 0px;
}


header#fixed-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding-top:0px !important;padding-bottom:0px !important;}
header#fixed-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{margin-top:15px !important;}
ul.mega-sub-menu li a{position:relative;}
ul.mega-sub-menu li a:before {
    content: "\f054";
   font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px !important;
    padding-right: 0em;
    position: absolute;
    top: 0px;
    left: 0;
}


@media screen and (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
    display: -webkit-box;
    display: -ms-flexbox;
    flex-basis: 24%;
	    border-radius: 50px;
    background-color: #0000FF;
	border: 1px solid Green !important;
}
}

@media screen and (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    flex-basis: 24%;
	border-radius: 50px;
	background-color: #ff3636;
	border: 1px solid white !important;
}
}


@media screen and (min-width: 680px)  {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
    display: -webkit-box;
    display: -ms-flexbox;
    flex-basis: 14%;
	    border-radius: 50px;
    background-color: #0030ff;
	  border: 1px solid Green !important;
}
}


@media screen and (min-width: 680px)  {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    flex-basis: 14%;
	    border-radius: 50px;
    background-color: red;
}
}


.menu-item,.primarymenu a {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: red;
	font-size: 15px
}


.menu-toggle {
    background-color: #595a67;
    color: #ffffff;
		display: none;
}

/*--------------------------------------------------------------
Password Protect Page
--------------------------------------------------------------*/





img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, .page-thumbnail img, img.avatar, .entry-attachment img, .pref-team-image {
  	cursor: pointer;  
		height: auto;
    max-width: 100%;
}






/*--------------------------------------------------------------
Round Image effect for faculty page
--------------------------------------------------------------*/

.effect-bubba a {
    padding: 15px 2em;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
		text-align: center;
}


.effect-bubba:hover a {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: relative;
}


.effect-bubba:hover a {
    position: relative;

}


@media (max-width: 575px)
.effect-bubba a {
    padding: 3px .5em;
    line-height: 1.2rem;
}


.border {
    border: 1px dashed #ccc!important;
}

.border: hover {
    border: 1px dashed #ff0001!important;
}

.d-block {
    display: block!important;
}

.d-inline-block {
    display: inline-block!important;
}

.box-content1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.doc_search_list .box-content1 {
    top: auto;
    bottom: 0;
    height: auto;
}


.doc_search_list .img-blck-in {
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}


.doc_search_list .img-blck {
    display: block;
    padding: 6px;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    transition: border-color .5s ease-in-out;
	margin: auto;
}




@media (max-width: 575px)
.doc_search_list .img-blck {
    height: 140px;
    width: 140px;
}


.doc_search_list:hover .box-content1 a {
    border: 2px solid #fff;
    border-radius: 20px;
    background: #ff0001;
    font-size: 14px;
    text-transform: capitalize;
}

.doc_search_list:hover .img-blck, .home-dept-blck a:hover .border {
    border-color: #ed2324!important;
    transition: border-color .5s ease-in-out;
}

.text-white {
    color: #fff!important;
}



.doc_search_list a {
    padding: 0;
}


.w-100 {
    width: 100%!important;
}

.p-1 {
    padding: .25rem!important;
}

.font-weight-bold {
    font-weight: 700!important;
}


/*--------------------------------------------------------------
Distence Education page copy
--------------------------------------------------------------*/
.well-sm {
    padding: 9px;
    border-radius: 3px;
}


.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}


.panel-heading {
    font-size: 18px;
    font-weight: bold;
}


.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
	
	
	.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
	
	
	
.panel-body {
    padding: 15px;
}
	
	
	.panel-default {
    border-color: #ddd;
}


/*--------------------------------------------------------------
Image Style and SA Box styling
--------------------------------------------------------------*/

img.size-full:hover {
    
    box-shadow: 0 19px 60px 	      		
    background: no-repeat center;
    background-size: auto 100%;
    overflow: hidden;

}


.car-cent-box {
    text-align: center;
    margin: 0px 30px;
    box-shadow: 1px 1px 10px #aaa;
    padding: 20px 1px 10px;
    border: 10px solid #e2e2e2;
    border-radius: 4px;
	object-fit: contain;
	width: fit-content;
}

.boox {
    border: 1px solid #e4e4e4;
    padding: 20px;
    box-shadow: 1px 1px 10px #aaa;
}

p.botr1 {
    text-align: center;
    font-weight: 600;
    color: #07356b;
    font-size: 23px;
    text-decoration: underline;
    text-decoration-color: gainsboro;
    padding-bottom: 15px;
}

p.botr2 {
    text-align: center;
    font-weight: 600;
    color: darkslategray;
    font-size: 18px;
    padding: 0px;
}

p.botr3 {
    text-align: center;
    font-weight: 600;
    color: darkslategray;
    font-size: 18px;
    padding: 0px;
}


.wrapper-extra {
    overflow: hidden;
}


.box-2 img {
    margin: 30 30px 8px 30px;
    border: solid 1px #006633;
    padding: 20px 20px;
}

.box-12 {
    padding: 0 0px 0 0px;
    display: block;
    object-fit: contain;
	width: fit-content;
}


.sub-table2 {
    width: 681px;
    height: auto;
    margin: 0 auto;
    background: #f1f1f1;
}

.sub-table2 tr.light {
    background: #F0F5FF;
}

.sub-table2 tr.dark {
    background: #CCDBFC;
}

Style Attribute {
    background-color: #f9f1e5;
    color: #000000;
}


img.right-img {
    float: right;
    margin-left: 10px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}


img.left-img {
    float: left;
    margin-left: 10px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}



.box-content {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    min-height: 165px;
    display: inline-block;
    width: 100%;
}

.box-content:hover {
    box-shadow: 2px 3px #ececec;
}


.hr4 {
    width: 100%;
    margin: 0px 0 10px 0;
    position: relative;
}


.hr4 .seperator1 {
    width: 100px;
    height: 3px;
    background: #D5AE66;
    display: block;
    margin-bottom: -2px;
    position: relative;
    z-index: 2;
}


.hr4 .lightborder {
    display: block;
    width: 100%;
    border-bottom: 1px solid #cad6ef;
    position: relative;
    z-index: 1;
}



.block {
    width: auto;
    float: left;
    margin-left: 0px;
    min-height: 75px;
}

.block ul {
    margin: 0px;
    padding-left: 0px;
    margin-left: 0px;
}

.block li:first-child {
    border-top: none;
}

.ac li:first-child {
    border-top: none;
}

.block ul li {
    list-style: none;
    line-height: 25px;
    font-weight: normal;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-top: 15px;
	overflow-wrap: anywhere;
}

	

.entry-content p {
    font-family: 'Lato',sans-serif;
    margin: 0 0 0px;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
	text-align: justify;
	border-radius:8px;
	overflow-wrap: anywhere;
}
	
li {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
    text-align: justify;
	overflow-wrap: anywhere;
}
	
.block ul li {
    font-family: 'Lato',sans-serif;
    font-size: 15px;
	list-style: none;
    line-height: 25px;
    font-weight: normal;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-top: 15px;
	overflow-wrap: anywhere;
}
	
td {
    font-family: 'Lato',sans-serif;
    word-wrap: break-word;
    color: #000;
    font-size: 15px;
    text-align: left;
	overflow-wrap: anywhere;
}
	
.home h1.entry-title {
display: none;
}
	
	
	
	
.page-title {
	display: none;
	}

.widgettitle {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    font-size: 19px;
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    margin: 0 0 0;
    padding: 10px 0 15px 0;
    padding-right: 0;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}

	
.publication img {
	transition: 0.5s all ease-in-out;
}
	
.publication:hover img {
	transform: scale(1.1);
}

.font-27 {
    color: #003399;
    font-weight: 600;
    font-size: 18px;
}




a, a:visited {
    color: #00f;
}

a:hover {
    color: #f00;
}

h5.items {
    margin: 0!important;
    padding: 15px 0;
    text-align: center;
    background: #003399;
    border-radius: 0 0 8px 8px;
    font-size: 12px;
    font-weight: 500;
	color: #ffffff;
}


h4.title {
    color: #314E6F;
    font-size: 20px;
    text-align: center!important;
	background-color: #fbf8f2;
	font-weight: 600;
	padding: 10px;
}

.home {
    padding-bottom: 25px;
    padding-top: 00px;
}

#slider_33265 .owl-item img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: auto;
}



.so-widget-sow-image-default-6b88c04c1f9b-21493 .widget-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-variant: all-petite-caps;
}

@media screen and (max-width: 680px)  {
.so-widget-sow-image-default-6b88c04c1f9b-21493 .widget-title {
    text-align: center;
    background: url(https://www.cmcendovellore.org/wp-content/uploads/steth.png) no-repeat left top 5px;
    padding: 5px 0 15px 28px;
    display: inline-block;
    background-size: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-variant: all-petite-caps;
}
	}



 @media all and (min-width: 480px) {
    .fb-like {display:none;}
 
}

@media all and (max-width: 481px) {
    .fb-like {display:block;}

}

 @media all and (min-width: 480px) {
    .ytube-like {display:none;}
 
}

@media all and (max-width: 481px) {
    .ytube-like {display:block;}

}



.text-th {
    color: #07356b!important;
}




@media (min-width: 500px){	
#panel-21493-7-1-0> .panel-widget-style {
    background-image: url(https://www.cmcendovellore.org/wp-content/uploads/mobile.png);
    background-position: center center;
    background-size: cover;
    padding: 0px 0px 0px 0px;
    display: none;
}
		}



@media screen and (max-device-width: 699px)
	{
	p.about-title {
    margin-top: 15px!important;
    font-family: 'Lato',sans-serif;
    font-weight: 600;
		word-wrap: break-word;
	}
		}

@media screen and (min-device-width: 700px) 
	{
	p.about-title {
    margin-top: 0px!important;
    font: normal 1.5rem/1.2 "Lato"; 
	font-weight: bolder;
		word-wrap: break-word;
	}
		}




.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    justify-content: center;
}

.gallery-item {
    position: relative;
    width: 300px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    box-sizing: border-box;
    transition: background 0.3s ease;
}

.gallery-item:hover .caption {
    background: rgba(0, 0, 0, 0.8);
}






/*--------------------------------------------------------------
Sticky Order Now button
--------------------------------------------------------------*/


.sticky-order-now {
    position: fixed;
    left: 20px; /* Distance from the left edge */
    bottom: 20px; /* Distance from the bottom edge */
    z-index: 1000; /* Ensure it appears above other elements */
    transition: opacity 0.5s ease; /* Smooth transition for hiding */
    opacity: 1; /* Start fully visible */
}



.sticky-order-now.hidden {
    opacity: 0; /* Hide the button */
    pointer-events: none; /* Prevent interaction when hidden */
}



.order-now-button {
    background-color: deepskyblue;
    border: none;
    border-radius: 5px;
    color: white; /* Text color */
    cursor: pointer;
    padding: 10px 15px; /* Adjust padding for horizontal layout */
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center items vertically */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    text-decoration: none; /* Remove underline from the link */
    overflow: hidden; /* Hide overflow for glare animation */
    position: relative; /* Position for glare effect */
}

.order-now-button:hover {
    background-color: #28a745; /* Green background on hover */
    color: white; /* Text color on hover */
}

/* Wiping glare effect with light green color */
.order-now-button::before {
    content: '';
    position: absolute;
    top: 0; /* Start at the top */
    left: -100%; /* Start off-screen to the left */
    width: 100%; /* Full width of the button */
    height: 100%; /* Full height of the button */
    background: rgba(144, 238, 144, 0.6); /* Light green glare */
    transition: left 0.5s ease-in-out; /* Animate the left property */
}

.order-now-button:hover::before {
    left: 100%; /* Move it across to the right on hover */
}

/* Icon and text styles */
.cart-icon {
    width: 24px; /* Adjust size as needed */
    margin-right: 10px; /* Space between icon and text */
}


.glare-effect {
    color: white; /* Text color */
    font-size: 16px; /* Adjust size as needed */
    position: relative;
    overflow: hidden;
	font-weight: 600;
}

.glare-effect::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
    transform: rotate(-30deg);
    animation: glare 1.5s infinite linear;
}
	

@keyframes wipe-glare {
    0% {
        transform: translateX(-100%); /* Start off-screen to the left */
        opacity: 0; /* Start invisible */
    }
    50% {
        opacity: 0.5; /* Slightly visible at midpoint */
    }
    100% {
        transform: translateX(100%); /* End off-screen to the right */
        opacity: 0; /* End invisible */
    }
}

.glare-effect {
    position: relative; /* Position context for the overlay */
    display: inline-block; /* Only take necessary space */
    overflow: hidden; /* Hide overflow */
}

.glare-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; /* Full height */
    width: 100%; /* Full width */
    background: rgba(255, 255, 255, 0.6); /* Glare color */
    animation: wipe-glare 2s linear infinite; /* Adjust duration as needed */
    pointer-events: none; /* Prevent interaction with the overlay */
}