/*
Theme Name: CRAIG MEDIA - Kool Template
Theme URI: http://craigmedia.co.nz
Description: Theme Designed for Craig Media - Kool Template theme
Author: Craig Media
Author URI: http://craigmedia.co.nz
Version: 1.5
*/

/*******************************/
/*-------Main Style CSS--------*/
/******************************/

/*
//--Table of Content--//
//-------------------//
/1. Body 
/2. h1,h2,h3,h4,h5 
/3. Sections (2 Column & 1 Column)
/4. Left Content & Right Content
/5. Margin Classes (Top & Bottom) (0,20,40,80)
/6. Padding Classes (Top & Bottom) (0,20,40,80)
/7. General Settings
/8. Header Section
/9. Slideshow Section
/10. Submenu Section
/11. Home Content Section 
/12. Footer Disclaimer Section
/13. Chromeframe Error
/Table of Content ENDS
//-------------------//
*/

/*1. Body */
/*--------------------*/
.dc
{
  position: absolute;
  left: -9999px;
  }

body 
{
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight:400;
line-height:20px;
color:#515e6c;
background:url('images/body-bg.png')#e5e5e5;
}

/*2. h1,h2,h3,h4,h5 */
/*--------------------*/
h1
{
font-weight:700;
font-size:30px;
line-height:35px;
padding:0px;
margin:0px 0 10px 0;
color:#515e6c;
}

h2
{
line-height:28px;
}


/*3. Sections (2 Column & 1 Column) */
/*--------------------*/
.section-sections
{
float:left;
width:100%;
clear:both;
position:relative;
}

.section-container
{
margin-left:auto;
margin-right:auto;
max-width:1200px;
padding:0 15px;
}

.section-container-full
{
width:auto;
padding:0 30px;
}


/*4. Left Content & Right Content */
/*--------------------*/
.content-left
{
float:left;
}

.content-right
{
float:right;
}

.content-center
{
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}

/*5. Margin Classes (Top & Bottom) (0,20,40,80) */
/*--------------------*/
.top-bottom-eighty
{
margin-top:80px;
margin-bottom:80px;
}

.top-bottom-forty
{
margin-top:40px;
margin-bottom:40px;
}

.top-bottom-twenty
{
margin-top:20px;
margin-bottom:20px;
}

.top-bottom-zero
{
margin-top:0px;
margin-bottom:0px;
}


/*6. Padding Classes (Top & Bottom) (0,20,40,60,80) */
/*--------------------*/
.top-bottom-padding-eighty
{
padding-top:80px;
padding-bottom:80px;
}

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

.top-bottom-padding-forty
{
padding-top:40px;
padding-bottom:40px;
}

.top-bottom-padding-twenty
{
padding-top:20px;
padding-bottom:20px;
}

.top-bottom-padding-zero
{
padding-top:0px;
padding-bottom:0px;
}



/*7. General Settings */
/*--------------------*/
/*Clear & Clearfix*/
.clearfix 
{
/* for IE 6/7 */
*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
/* non-JS fallback */
*zoom: 1;
}

.clearfix:before,
.clearfix:after 
{
content: "";
display: table;
}

.clearfix:after 
{
clear: both;
}

.clear
{
clear:both;
}

/*img & img positions*/
img
{
border:0 none;
height:auto;
max-width:100%;
vertical-align:middle;
}

img.alignright 
{ 
float: right; 
margin: 0 0 1em 1em; 
}

img.alignleft 
{ 
float: left; 
margin: 0 1em 1em 0; 
}

img.aligncenter 
{ 
display: block; 
margin-left: auto; 
margin-right: auto; 
}

.alignright 
{ 
float: right; 
}

.alignleft 
{ 
float: left; 
}

.aligncenter 
{ 
display: block; 
margin-left: auto; 
margin-right: auto; 
}

/*A (href)*/
a
{
color:#80ae45;
text-decoration: none;
outline: none;
}

a:hover
{
color:#638635;
}

/*hr (horizontal line)*/
hr
{
border:0;
height:1px;
background-color:#515e6c;
clear:both;
}

/*Responsive Toolbar*/
.toolbar
{
display:none;
}

/*8. Header Section */
/*--------------------*/
.header-inner-section
{
background:url('/wp-content/uploads/2015/10/header-bg.jpg');
}

/*Social Media*/
.header-section-social-media
{
height:67px;
background:url('/wp-content/uploads/2015/10/header-bg.jpg');
}

.header-social-icon
{
margin-top:14px;
margin-right:5px;
}

/*Content Header Container*/
.content-header-container
{
padding-top:40px;
padding-bottom:50px;
}

.content-header-holder-logo p
{
margin:0px;
}

p.header-phone-no
{
float:right;
margin-top:68px;
margin-bottom:10px;
font-size:30px;
font-weight:700;
color:#374452;
}

/*Navigation*/
#header-navigation
{
float:right;
display:block;
}

.navList
{
margin-top:5px;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
list-style-type:none;
position:relative;
float:left;
}

.navList li
{
float:left;
}

.navList li a
{
padding:0px 12px 2px 12px;
border-right:1px solid #374452;
line-height:10px;
display:block;
font-weight:600;
color:#374452;
}

.navList li a:hover,.navList li.current-menu-item a
{
color:#ffffff;
}

.navList li span
{
font-size:15px;
}


/*9. Slideshow Section */
/*--------------------*/


/*10. Submenu Section */
/*--------------------*/
.submenu-container-masonry
{
width:100%;
}

.item,
.grid-sizer 
{
width: 30%;
}

.gutter-sizer 
{ 
width:5%; 
}

.submenu-holder
{
/*width: 30%;*/
margin:0 0 25px;
float: left;
}

.submenu-holder h2
{
margin-bottom:5px;
}

.submenu-holder p
{
margin-top:8px;
text-align:left;
line-height:19px;
}

.submenu-btn
{
float:left;
padding:10px 30px;
background-color:#80ae45;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.submenu-btn p
{
margin:0px;
text-align:center;
color:#ffffff;
font-size:13px;
}

a .submenu-btn:hover
{
background-color:#515e6c;
}


/*11. Home Content Section */
/*--------------------*/
/*Home Left Column*/
.home-content-holder-left
{
width:68%;
}


/*All Pages Left Column*/
.all-pages-content-holder-left
{
width:68%
}

/*Home Sidebar*/
.sidebar-home
{
margin-top:45px;
width:26%;
}

/*All Pages Sidebar*/
.sidebar-all-pages
{
margin-top:20px;
width:26%;
}

/*Sidebar General Style*/
.content-sidebar-holder
{
/*width:26%;*/
width:100%;
}

.aside-header-content
{
background-color:#76a935;
padding:10px 15px;
margin-bottom:30px;
}

.content-sidebar-holder h2
{
font-size:18px;
}

.aside-header-content h2
{
font-size:17px;
margin:0px;
padding:0px;
color:#ffffff;
}

.content-sidebar-holder hr
{
margin:40px auto;
border:0;
height:1px;
background-color:#515e6c;
clear:both;
}


/*12. Footer Disclaimer Section */
/*--------------------*/
.footer-section-disclaimer
{
padding:6px 0 16px;
height:90px;
}

.footer-disclaimer-section
{
padding-top:7px;
}

.footer-disclaimer-section p span:hover
{
color:#80ae45;
}

p.cm-logo-footer-disclaimer
{
float: left;
width: 55px;
}

p.cm-content-footer-disclaimer
{
color: #3b4a57;
float: left;
font-size: 13px;
margin-top: 36px;
margin-left:6px;
}


/*13. Chromeframe Error */
/*--------------------*/
p.chromeframe
{
margin:0px;
width:100%;
z-index:1100;
position:fixed;
padding:100px 0;
text-align:center;
background: url("images/custom-lightbox-background.png") !important;
}

h3.other-things
{
color:#ffffff;
}

.content ul li
{
list-style-type:none;
margin-bottom:10px;
color:#ffffff;
}