@charset "UTF-8";
/* CSS Document */

/*
Theme Name: 	Secretts_Theme
Description: 	Responsive site based on Twenty Twelve
Author: 		Sarah Thien
Author 			URI :http://sarahthiendesign.co.uk
Version:		1.8
Template: 		twentytwelve
tags: dark, 	two-columns, right-sidebar, fluid-layout, responsive-layout
Text Domain: 	secretts-theme
*/




/* =Basic structure
-------------------------------------------------------------- */

/* ======================Body, links, basics =======================*/
html {
	font-size: 87.5%;
	font-size:100%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #000;
}
body.custom-font-enabled {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

a {
	outline: none;
	color: #666;
}
.entry-content a:hover {
	color: #999;
}

.entry-content a:visited, .comment-content a:visited {
    color: #999;}

header.entry-header > h1.entry-title{
	font-size:60px;
	font-size:1.875rem;
	font-weight:bold;
	text-align:center;
	}

.entry-content > h2{
	margin-bottom:0;}

.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6{
	margin:0;}	
	
.site-content article {
   word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
   hyphens: none;
}

.widget-area .widget {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}


/*==================== site =====================*/

#page.hfeed.site{
	/*border-radius:12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  	/*-webkit-border-radius: 12px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  	/*-moz-border-radius: 12px; /* Firefox 1-3.6 */
	/*border:solid #45351F 15px;*/
	-webkit-box-shadow: 3px 3px 5px 8px #363636;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    3px 3px 5px 8px #363636;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         3px 3px 5px 8px #363636;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	}
	
	
#secheader{
	background-color:#4c4947;}
	

/*============================= NAV =================================*/
.site-header{
	background-color:#4c4947;}

img.header-image{
	box-shadow:none;
	display:block;
	margin:auto;
	width:200px;
	width:12.5em;
	height:79;
	height:4.9375em;}

	
	
.main-navigation a {
	color: #fff;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #999;
}
.main-navigation{
	position: relative !important; z-index: 9999 !important;
}
	


/*=====================HOME ==========================*/		
		
.home .entry-header {
display: none;
}

.home pics{
	float:right;}
	

/* ========================[ Home Widget Areas ]=================== */
.site-info { clear: both; }
#home-widgets {
    width: 100%;
    border-top: none;
	
}
    #home-widgets .widget li { list-style-type: none; }
.template-front-page #home-widgets { padding-top: 0; }

.slider{
	margin-bottom:30px;
	margin-bottom:1.875rem;
	margin-top: 20px;
	margin-top: 1.25rem;
	}


/* for IE8 and IE7 */
.ie #home-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}
.ie #home-widgets.three .widget + .widget + .widget { margin-right: 0; }
/* Hide home widgets Homepage Template*/
/*.template-front-page #home-widgets { display: none; }*/

	
h1.widget-title{ /*==================Home widget title===============*/
	text-align:center;
	margin-bottom:0;
	}

p.simple-image{
	margin-top:0;
	padding-top:0}



/* ==============================Footer========================== */
footer[role="contentinfo"] {
	border-top: none;
	max-width: none;
	background-color:#4c4947;
	color:#fff;}

	

footer[role="contentinfo"] a {
	color: #fff;
}
footer[role="contentinfo"] a:hover {
	color: #999;
}

.site-info{
	text-align:center; /*centers footer*/
	}

.footerlogo{
	margin-top:2em;}


/*========================FOOTER WIDGETS ======================*/
/* ===[ Footer Widget Areas ]=== */
.site-info { clear: both; }
#footer-widgets {
    width: 100%;
    border-top: none;
	color:#fff;
	text-align:center;
}

.widget-area .widget h3{
	display:none;}

#footer-widgets a {
	color:#fff;
	text-decoration:none;
	}

#footer-widgets a:hover {
	color:#999;}
	
    #footer-widgets .widget li { list-style-type: none; }
.template-front-page #footer-widgets { padding-top: 0; }

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
/* Hide footer widgets Homepage Template*/
/*.template-front-page #footer-widgets { display: none; }*/

ul.left{ /*===footer menu list=========*/
	display:block;
	}
	 
.widget-area .textwidget li {
     margin-left:0;
}


/*=========== Facebook feed =====================*/

#cff h3, #cff h4, #cff h5, #cff h6, #cff p{
	color:#666;}
	
#cff a{
	color:#666;}

.cff-likebox{
	margin-top:0px;
	}
	
#cff{
  float: none;
}

/*=================visit us page ===================*/	
iframe.map{
	border:solid 2px #666 ;}	
	
	
/* ========================Minimum width of 600 pixels.================== */
@media screen and (min-width: 600px) {

/* ================= navigation =====================*/	
img.header-image{
	box-shadow:none;
	margin-left:25px;
	margin-left:1.5625em;
	width:20%;}
	
.menu-main-container {
	font-size:95%;
	}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: none;
		border-top: none;
		display: inline-block !important;
		}
	
.main-navigation ul {
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #FFF;
		line-height: 3.692307692;
		line-height: 0.23076923075rem;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
		color: #999;
	}
	.main-navigation li {
		margin: 0 0 0 2em;
		position: relative;
		font-size:75%;
	}
	
	
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #4c4947;
		border-bottom: none;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
		text-align:left;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #4c4947;
		color: #999;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #CCC;
		font-weight: bold;
		
	
	}
	.menu-toggle {
		display: none;
}



/*=====================footer=====================*/
#footer-widgets{
	width:100%;
	}


    #footer-widgets.three .widget {
        float: none;
        margin-right: 0;
        clear: none;
    }
	
	ul.left{ /*===footer menu list=========*/
	text-align:center;
	display:block;
	}
	
.footermenu{
	display:block;
	line-height:70%;
	margin-left:none;
	}

.footermenu ul{
	margin-left:none;
	}
	
#footer-widgets.widget-area.three{
	max-width:1200px;
	margin: 0 auto;
	float:none;}
	
#cff style{
	width:500px;}
	
#cff {
	width:500px !important;}

			
#twitter-widget-0{
			max-width:500px!important;}
			
#mapDiv{
	max-width:500px!important;}
	

iframe.frontmap{
	width:500px;
	height:250px;}
	

/*====================homepage widgets===================*/
    #home-widgets.three .widget {
        float: left;
        margin-right: 3.7%;
        width: 30.85%;
        clear: none;
    }
        #home-widgets.three .widget + .widget + .widget { margin-right: 0; }

}

/* Minimum width of 700 pixels. */
@media screen and (min-width: 700px) {
	
	
/*===========Nav =============*/

.menu-main-container {
	font-size:100%;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	
	img.header-image{
	box-shadow:none;
	margin-left:150px;
	margin-left:150px;
	width: 27.27%;
	width:15%;}
	
/*===========Nav =============*/

.menu-main-container {
	font-size:100%;
	}
		
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: none;
    border-top: none;
    display: inline-block !important;
    width: 80%;
    text-align: left;
}

.main-navigation li {
		margin: 0 0 0 2em;
		position: relative;
		font-size:120%;}
		
/*=====================footer=====================*/
#footer-widgets{
	width:100%;
	}


    #footer-widgets.three .widget {
        float: left;
        margin-right: 0;
        width: 33.33%;
        clear: none;
    }
	
	ul.left{ /*===footer menu list=========*/
	text-align:left;
	display:block;
	}
	
.footermenu{
	display:block;
	line-height:70%;
	margin-left:none;
	}

.footermenu ul{
	margin-left:none;
	
	}
	
#footer-widgets.widget-area.three{
	max-width:1200px;
	margin: 0 auto;
	float:none;}

#cff {
	width:250px !important;}	

#twitter-widget-0{
			max-width:250px!important;}	
			
iframe.frontmap{
	width:250px;
	height:150px;}
	
.widget-area .textwidget li {
    margin-left: 5em;
}	
	
	}


	
/* =======================Minimum width of 1920 pixels.==================== */
@media screen and (min-width: 1920px) {
img.header-image{
	box-shadow:none;
	margin-left:150px;
	width: 27.27%;
	width:20%;
	}
	

/*===========Nav =============*/

.menu-main-container {
	font-size:200%;
	}
		
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    width: 160%;
    text-align: right;
	margin-right:3em;
}



.main-navigation li {
		margin: 0 0 0 2em;
		position: relative;
		font-size:100%;}
	

.site-header{
	max-width:80%;
	margin: 0 auto;
	}
		
footer[role="contentinfo"] {
	width:80%;
	}

}