/*

Theme Name: The Marian Theme

Theme URI: http://www.RE.com.my

Description: Custom Theme for The Marian Website

Version: 1.0

Author: Madtech Online Marketing

Tags: two columns, widgets, wordpress 4.0



This template is a custom theme modified for use on The Marian Official Website only. 

All rights reserved by RE Communications Sdn Bhd.

*/

html{font-size: 62.5%;height:100%;}

body{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; font-family: 'Martel Sans', sans-serif; font-size:16px;font-size:1.6rem;background:#fff;position:relative;color:#666666;height:100%;font-weight: 400;}

img {margin:0 0 0 0;padding:0 0 0 0;}

a{text-decoration:none;color:#c87800;}

a:hover{text-decoration:none;color:#ff6300;}

a img {border:none;}

h1 {font-size:75px;font-size:7.5rem;font-weight: 900;}

h2 {font-size:35px;font-size:3.5rem;font-weight: 900;}

h3 {font-size:45px;font-size:4.5rem;font-weight: 900;}

h4 {font-size:35px;font-size:3.5rem;font-weight: 800;}

h5 {font-size:28px;font-size:2.8rem;font-weight: 800;} 

h6 {font-size:18px;font-size:1.8rem;font-weight: 800;}

h1 a {}

h2 a {}

h3 a {}

h4 a {}

h5 a {}

h6 a {}

.marianorangebg {background:#d37e00;}





#header{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;height:650px;background: url(images/header.jpg) no-repeat center center;position:relative;z-index: 4;}

@media (max-width: 1199px) {

		#header{height:600px;background: url(images/header-md.jpg) no-repeat center center;}

}

@media (max-width: 991px) {

		#header{height:330px;background: url(images/header-sm.jpg) no-repeat center center;}

}

@media (max-width: 767px) {

		#header{height:256px;background: url(images/header-xs.jpg) no-repeat center center;}

}



body.inner #header {height:220px;background: url(images/header-inner.jpg) no-repeat center center;}

#mainlogo {margin-top:10px;display:block;}

#mainnav {color:#000;padding-top:0px;padding-bottom:0px;margin-bottom:0px;background: none;font-family: 'Julius Sans One', sans-serif;font-weight:900;font-size:29px;font-size:2.9rem;position:relative;z-index: 4;}

#mainnav a {color:#000;padding-left:18px;padding-right:18px;padding-top:36px;}

#mainnav li:first-child{margin-top:2px;}

#mainnav a:hover {color:#d37e00;}

#mainnav ul > li.dropdown.open {background:#fff;}

#mainnav  ul ul.dropdown-menu {background:#fff;border-radius: 0px;}

#mainnav ul.dropdown-menu li a{font-size:16px;font-size:1.6rem;}

#mainnav ul.dropdown-menu li a:hover{background: #fff;color:#d37e00;}

#mainnav ul.dropdown-menu li.active a{background: #fff;}

@media (max-width: 1199px) {

	#mainnav{font-size:14px;font-size:1.4rem;}

	#mainnav a {color:#000;padding-left:5px;padding-right:5px;}

	#mainnav ul.dropdown-menu li a{font-size:14px;font-size:1.4rem;}

	#mainnav ul.dropdown-menu {padding-left:10px;}

}

@media (max-width: 991px) {

	#mainnav{font-size:12px;font-size:1.2rem;}

	#mainnav a {color:#000;padding-left:2px;padding-right:2px;}

	#mainnav ul.dropdown-menu li a{font-size:12px;font-size:1.2rem;}

	#mainnav ul.dropdown-menu {padding-left:10px;}

}

@media (max-width: 767px) {

	#mainnav{font-size:14px;font-size:1.4rem;}

	#mainnav a {color:#000;padding-left:5px;padding-right:5px;}

	#mainnav ul.dropdown-menu li a{font-size:14px;font-size:1.4rem;}

}

.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;

}



.navbar .navbar-collapse {

  text-align: center;

}



@media (min-width: 768px) {

    .navbar .navbar-nav {

        display: inline-block;

        float: none;

        vertical-align: top;

		margin-left:0px;

    }



    .navbar .navbar-collapse {

        text-align: center;

    }

}



#mainnav li.homelogo a {font-size:0px;font-size:0rem;display:block;width:142px;height:80px;background:url(images/marian-logo.png) no-repeat;padding-top:0px;}

#mainnavbar {background:#fff;height:120px;padding-top:10px;}



@media (max-width: 767px) {

		#mainnavbar .navbar-header button {color:#999999;}

		#mainnavbar .navbar-header {padding-bottom:10px;}

		#mainnavbar {height:auto;width:calc(100% + 30px);position:relative;top:0px;left:-15px;padding-bottom:10px;box-shadow:0px 5px 10px 0px #3e3e3e;}

		#mainnav {height:auto;}

		#mainnav li {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}

		#mainnav li a{padding-top:5px;padding-bottom:5px;margin-top:5px;margin-bottom:5px;}

		#mainnav-collapse.in {max-height:none;}

}



#headertext{margin-top:120px;padding-left:60px;}

#headtext{background:#fff;font-size:48px;font-size:4.8rem;font-family:"Lato", sans-serif;font-weight:300;}



.homesect {padding-top:60px;padding-bottom: 60px;}

.homeimgsect {height:600px;margin-top:60px;margin-bottom: 60px;}



div.sectiontitle h2{padding:10px;background:#fff;width: auto;}



div.collectionitem {font-size:48px;font-size:4.8rem;font-family:"Lato", sans-serif;font-weight:300;}

div.collectionitem a{color:#fff;display:block;width:100%;height:210px;padding-top:50px;z-index:3;position: relative;}



div.iconitem{padding-top:20px;padding-bottom:15px;padding-left:15px;padding-right:15px;float:left;}

div.readmore {padding-top:15px;padding-bottom:15px;}

a.ghostbutton {width: auto;padding:5px 10px 5px 10px;margin-top:30px; border:1px solid #000;color:#000;background:#fff;}



div.imageitem{padding:10px;}

div.imageitem a img:hover{

		filter: brightness(0.7);

}

div.imageitemgallery{padding:5px;}

div.imageitemgallery a img:hover{

		filter: brightness(0.7);

}

.collectionimgsect{height:210px;position:relative;}

.bghover:after{

		content: "";

		display:block;

		width:100%;

		height:210px;

		position: absolute;

		top:0px;

		left:0px;

		z-index:2;

		background:rgba(0,0,0,0.3);

}

.fptitle {padding-top:50px;padding-bottom:30px;text-align: center;}

.fpitembox{padding-top:50px;min-height:300px;}

.cattitle{padding-top:50px;padding-bottom: 30px;text-align: center;}

.anctitle {text-align: center;padding-top:50px;padding-bottom:30px;}

.extracontent{padding-top:30px;padding-bottom: 30px;}

.lefttextbox{padding-top:50px;padding-bottom:20px;}

.righttextbox{padding-top:50px;padding-bottom:20px;}

.leftbuttonbox{padding-bottom:50px;}

.rightbuttonbox{padding-bottom:50px;}

.sepleft{border-right:2px solid white;border-bottom:none;}

.sepright{border-left:2px solid white;border-top:none;}

@media (max-width: 767px) {

	.sepleft{border-bottom:2px solid white;border-right:none;}

	.sepright{border-top:2px solid white;border-left:none;}	

}



#featuredimage{margin-bottom:30px;}

#contenttitle{text-align: center;padding-top:50px;padding-bottom:30px;}



div.footerlisting h3{font-size: 28px;font-size: 2.8rem;}

#footerbar {background: #000;margin-top:15px;margin-bottom:15px;}

#copybox{color:#fff;position: relative;}

#copybox a{color:#fff;position: relative;}

#botlogo{position: relative;padding-top:15px;padding-bottom:15px;background:#d37e00;height:600px;}

@media (max-width: 1199px) {

#botlogo {height:600px;}

}

@media (max-width: 991px) {

#botlogo {height:600px;}

}

@media (max-width: 767px) {

#botlogo {height:100px;}

}

#linkarea {color:#fff;font-family: 'Lato', sans-serif;font-weight: 400;}

#linkarea h3{font-size:24px;font-weight:900;font-size:2.4rem;color:#fff;}

#linkarea .widgettitle h3{font-size:16px;font-weight:900;font-size:1.6rem;color:#fff;}

#linkarea .widgetbox ul {list-style-type: none;padding:10px 0px 10px 0px;margin:0px;}

#linkarea .widgetbox ul li {font-weight:400;font-size:11px;font-size:1.1rem;color:#fff;}

#linkarea .widgetbox ul li a{color:#fff;}

#socialmed{font-size:30px;font-size:3rem;padding-top:0px;}

#socialmed a{color:#fff;}

#socialmed a:hover{color:#b8893d;}

#footcform {font-size:10px;font-size:1.0rem;color:#fff;padding-top:10px;}

#footcform h3 {font-size:16px;font-size:1.6rem;color:#fff;}

#footcform .btn.marianorangebg {background:#d37e00;color:#fff;}

#copyr{font-size:14px;font-size:1.4rem;font-family: 'Lato', sans-serif;font-weight:400;color:#d37e00;padding-top:10px;padding-bottom:10px;}

@media (max-width: 767px) {

		#copyr{color:#000;padding-top:0px;font-size:10pt;font-size:1.0rem;margin-top:-20px;padding-bottom:10px;text-align: center;}

}

#backupdiv{position:fixed;bottom:50px;left:50%;z-index:200;}

#backupdiv{position:fixed;bottom:50px;left:calc(50% - 32px);z-index:200;}

#back-top{display:block;width:75px;height:27px;background:url(images/back-top.png) no-repeat 0px -27px;font-size:1px;font-size:0.1rem;}

#back-top:hover{background-position: 0px 0px;}

/* Other Helper CSS */

.captiontext {font-size:10px;font-size:1rem;}

.mtleft {text-align: left;}

.mtright {text-align: right;}

.mtcenter {text-align:center;}

.mtjustify {text-align:justify;}



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	height: auto;

	display: block;

	}



img.img-nres{

	max-width: none;

}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.aligncenter {

	display: block;

	padding-top:5px;

	margin-left: auto;

	margin-right: auto;

	border:none;

	clear:left;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}

	

img.alignleft2 {

	padding: 0px 0px 0px ;

	margin: 0px 3px 0px 0px;

	float:left;

	display:inline;

	border:none;

	}	



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

.wp-caption-text{

	font-size:8pt;text-align:center;

}

/* End Images */