/*
	Theme Name: Pwllcrochan
	*/

/*------------------------------------*\
    MAIN
    \*------------------------------------*/

	@import url(http://fonts.googleapis.com/css?family=Lato:900,700,400,700italic);

    /* global box-sizing */
    *,
    *:after,
    *:before {
    	-moz-box-sizing:border-box;
    	box-sizing:border-box;
    	-webkit-font-smoothing:antialiased;
    	font-smoothing:antialiased;
    	text-rendering:optimizeLegibility;
    }
    /* html element 62.5% font-size for REM use */
    html {
    	font-size:62.5%;
    	height: 100%;
    }
    body {
    	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
    	background-color: #ecf6f1;
    	color:#444;
    	height: 100%;
			padding: 10px 0px;
    }
    /* clear */
    .clear:before,
    .clear:after {
    	content:' ';
    	display:table;
    }

    .clear:after {
    	clear:both;
    }
    .clear {
    	*zoom:1;
    }
    img {
    	max-width:100%;
    	vertical-align:bottom;
    }
    a {
    	color:#444;
    	text-decoration:none;
    }
    a:hover {
    	color:#444;
    }
    a:focus {
    	outline:0;
    }
    a:hover,
    a:active {
    	outline:0;
    }
    input:focus {
    	/*
			outline:0;
    	border:1px solid #04A4CC;
			*/
    }
		
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	transition: all 0.5s ease 0;
	-webkit-transition: all 0.5s ease 0; 
}

/*------------------------------------*\
    STRUCTURE
    \*------------------------------------*/
		/* header */
		header h1 {
			margin-top: -500px;
			float: left;
		}

    /* wrapper */
    main h2
    {
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        font-size: 20pt;
        color: #404040;
				margin: 0px 0px 8px 0px;
    }
		
		main h3
    {
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 14px;
			text-decoration: underline;
			color: #404040;
			margin: 0px 0px 8px 0px;
		}
		
		main h4
    {
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 16px;
			color: #404040;
			margin: 0px 0px 8px 0px;
		}
		
    main p
    {
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #404040;
				margin: 8px 0px;
    }
    .wrapper {
    	width: 1000px;
    	margin: 0 auto;
    	position:relative;
    	/*min-height: 100%;*/
			box-shadow: 6px 0 4px -4px #808080 , -6px 0 4px -4px #808080;
    }
    /* container */
    .container {
        margin: 0px 0px 10px 0px;
        padding-top: 0.02px;
        border: 0;
        position: relative;
        /*box-shadow: 6px 0 4px -4px #222 , -6px 0 4px -4px #222;*/
        min-height: 465px;
        padding-bottom: 120px;
    }

    .container main{
			width: 732px;
			padding: 22px 11px;
			/*
			margin-right: 272px;
			padding-left: 11px;
			padding-top: 22px;
			*/
			background-image: url('./img/bodyshell.png');
			min-height: 500px;
			background-repeat: no-repeat;
			background-position: 90%, 100%;
			background-position-y: 101%;
    }
    .lighthouse { 
        position: absolute;
        bottom: 97px;
        right: 284px;
        width: 50px;
        height: 53px;
        background-image: url("./img/lighthouse.png");
    }
    .logo-img
    {
        position: relative;
        width: 1000px;
				/*
        height: 301px;
        background-image:url("./img/header.jpg");
				background-size: cover;
				*/
    }

    .logo-text
    {
			display: none;
			position: absolute;
			bottom: -9px;
			right: 25px;
    }

    .logo-text p{
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 14pt;
        color: white;
        text-align: right;
        margin-top: -20px;
    }

    .logo-text p.phoneno{
        font-weight: 900;
        font-size: 18pt;
    }
    /* sidebar */
    .sidebar {
    	background-color: #5d9ea2;
    	width: 268px;
    	overflow: hidden;
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	right: 0;
    }
    .sidebar-widget-title
    {
        font-family: 'Lato', sans-serif;
        color: white;
        margin-top: -3px;
        font-weight: 400;
        font-size: 21px;
        line-height: 37px;
        padding-left: 9px;
        background-color: #38898a;
    }
    .sidebar-image
    {
        position: relative;
        top: 0;
        left: 0;
        background-image:url("./img/sidebarimg.jpg");
        width: 268px;
        height: 199px;
    }
    /* footer */
    .footer {
        clear: both;
        position: absolute;
        margin-top: -3em;
        bottom: 0px;
    }
		
		.footer .logo {
			background-image: url(./img/footer.png); 
			width: 1000px; 
			height: 117px;
			z-index: 10;
			position: relative;
		}
		
		.footerLinks {
			position: absolute; list-style: none; right: 10px; bottom: 5px; padding: 0px; margin: 0px;
		}
		
		.footerLinks li {
			padding: 0px; margin: 0px 0px 0px 20px; display: inline-block;
		}
		
    .sidebar-container
    {
        position: absolute;
        top: 232px;
        left: 0;
        bottom: 0;
        margin-bottom: 120px;
        overflow: auto;
    }
    .menu ul {
    	list-style: none;
    	padding: 0px;
    	margin: 0px;
    	background-color: #f1e3c6;
    }
    .menu ul li {
    	display: inline-block;
    	margin: 0px;
    	min-width: 13.4%;
	width: 147px;
    	text-align: center;
    }
    .toptab
    {
        margin: 0px;
        padding: 0px;
    }
    .toptab ul
    {
        height: 15px;
    }
	.toptab ul li
    {
        height: 15px;
    }
	.menu ul li a:hover {
	background-color: #FFFFFF;
	opacity: 0.42;
	color: inherit;
	}

    .current_page_item a {
    	font-weight: 500; 
    }

    .menu ul li a {
		font-family: 'Lato', sans-serif;
		font-weight: 700; 
        font-size: 10pt;
    	color: white;
    	padding: 10px 5px;
    	line-height: 16px;
    	display: block;
    }
    .menu ul li:nth-child(1) {
    	background-color: #1b6475;

    }
    .menu ul li:nth-child(2) {
    	background-color: #38898a;


    }
    .menu ul li:nth-child(3) {
    	background-color: #5d9ea2;
    }
    .menu ul li:nth-child(4) {
    	background-color: #c1a689;
    }

   .menu ul li:nth-child(5) {
    	background-color: #d8b264;
    }

    .menu ul li:nth-child(6) {
			background-color: #38898a;
    	float: right;
    	width: 134px;
      min-width: 134px;
			position: absolute;
			right: 134px;
    }
		
    .menu ul li:nth-child(7) {
    	background-color: #1b6475;
    	float: right;
    	width: 134px;
      min-width: 134px;
			position: absolute;
			right: 0px;
			
    }		

    h1
    {
    	margin: 0px 0px 0.67em 0;
    }

    .iq-testimonials h3 {
        display: none;
    }
    
    .iq-testimonial-wrap {
        clear: both;
        overflow: hidden;
        margin-bottom: 10px;
        padding: 10px;
    }

    .iq-testimonial-body
    {
        text-align: right;
    }

    .iq-testimonial-quote
    {
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        font-size: 13px;
        color: white;
        text-align: left;
        display: block;
        margin-bottom: 3px;

    }
		
		.iq-testimonial-name, .iq-testimonial-location {
			font-style: italic;
		}

    .iq-testimonial-body br  {
        display: none;
    }
		
    .iq-testimonial-body, .iq-testimonial-website
    {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 11px;
        color: white;
        text-align: right;
    }
		
		#tblPricing {
			background-color: #ffffff;	
			/*border: solid 1px #f0f0f0;*/
			/*border: solid 1px #c0c0c0;*/
			margin: 10px 0px;	
		}
		
		#tblPricing tr:nth-child(even) { /*background: #f0f0f0; border: solid 1px #c0c0c0;*/ }
		
		#tblPricing tr { border: solid 1px #c0c0c0; }
		
		#tblPricing td {
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 13px;
			padding: 3px 10px;
			text-align: center;
		}
		
		#tblPricing tr td:first-child {
			text-align: left;
		}
		
		/*
		#cntctfrm_contact_form label {
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 14px;
			color: #404040;
			margin: 8px 0px;
		}			
		
		#cntctfrm_contact_form input .text {
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 14px;
			color: #404040;
			margin: 8px 0px;		
		}
		
		#cntctfrm_thanks {
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 14px;
			color: #404040;
			margin: 8px 0px;
		}
		*/
		
/*------------------------------------*\
	TYPOGRAPHY
	\*------------------------------------*/

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

/*------------------------------------*\
    MISC
    \*------------------------------------*/

    ::selection {
    	background:#04A4CC;
    	color:#FFF;
    	text-shadow:none;
    }
    ::-webkit-selection {
    	background:#04A4CC;
    	color:#FFF;
    	text-shadow:none;
    }
    ::-moz-selection {
    	background:#04A4CC;
    	color:#FFF;
    	text-shadow:none;
    }

/*------------------------------------*\
    WORDPRESS CORE
    \*------------------------------------*/

    .alignnone {
    	margin:5px 20px 20px 0;
    }
    .aligncenter,
    div.aligncenter {
    	display:block;
    	margin:5px auto 5px auto;
    }
    .alignright {
    	float:right;
    	margin:5px 0 20px 20px;
    }
    .alignleft {
    	float:left;
    	margin:5px 20px 20px 0;
    }
    a img.alignright {
    	float:right;
    	margin:5px 0 20px 20px;
    }
    a img.alignnone {
    	margin:5px 20px 20px 0;
    }
    a img.alignleft {
    	float:left;
    	margin:5px 20px 20px 0;
    }
    a img.aligncenter {
    	display:block;
    	margin-left:auto;
    	margin-right:auto;
    }
    .wp-caption {
    	background:#FFF;
    	border:1px solid #F0F0F0;
    	max-width:96%;
    	padding:5px 3px 10px;
    	text-align:center;
    }
    .wp-caption.alignnone {
    	margin:5px 20px 20px 0;
    }
    .wp-caption.alignleft {
    	margin:5px 20px 20px 0;
    }
    .wp-caption.alignright {
    	margin:5px 0 20px 20px;
    }
    .wp-caption img {
    	border:0 none;
    	height:auto;
    	margin:0;
    	max-width:98.5%;
    	padding:0;
    	width:auto;
    }
    .wp-caption .wp-caption-text,
    .gallery-caption {
    	font-size:11px;
    	line-height:17px;
    	margin:0;
    	padding:0 4px 5px;
    }
    .sticky {

    }
    .bypostauthor {

    }

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.wsp-pages-list { font-size: 12px; }


body #mbOverlay { background-image: none; background-color: #000000; opacity: 0.6 !important; }

.nf-form-wrap { width:400px;}
.nf-form-fields-required { display:none; }



/* some media quesries */

@media only screen and (max-width: 1000px) {
	body { padding: 0px; }
	.wrapper { width: 100%; }
	.logo-img { width: 100%; background-image: none; }
	.toptab ul li { width: 14.28%; display: inline-block !important; }
	.menu ul li { width: 14.28% !important; min-width: 14.28% !important; position: relative !important; right: auto !important; float: none !important; }
	.menu ul li a { font-size: 1.42vw; padding: 10px 2px; }
	.sidebar { width:28.56%; }
	.sidebar-image { background-size: cover; width: 100%; height: 150px; }
	/*.sidebar { position: relative; width: 100%; height: 180px; overflow: hidden; }
	.sidebar-image { background-size: cover; width: 200px; height: 150px; }
	.sidebar-widget-title { font-size: 18px; line-height: 30px; width: 200px; margin-top: 0px; }
	.sidebar-container { top: 0px; left: 200px; bottom: 0px; right: 0px; margin: 0px; }*/
	.iq-testimonial-quote { float: left; }
	.iq-testimonial-wrap { margin: 5px 10px; padding: 0px; }
	.container { margin: 0px; }
	.container main { width:65% !important; }
	.footer .logo { width: 100%; height: auto; background-image: none; }	
	.footer .logo img { width: 100%; }
	.lighthouse { top: -50px; right: 15px; }
	#cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject { width: 100%; }
	
}

@media all and (max-width: 700px) {
	.menu ul li { display: block; vertical-align: top; height: 40px; vertical-align: middle; width:100% !important; }
	.menu ul li a { font-size: 10px; height:40px !important; }
	.logo-text { bottom: 5px; right: 5px; }
	.logo-text p { margin: 0px; }
	.sidebar { display:none; }
	.container main { width:100% !important; }
}

@media all and (max-width: 500px) {
	.menu ul li { display: block; vertical-align: top; height: 40px; vertical-align: middle; width:100% !important; }
	/*.menu ul li { vertical-align: top; height: 40px; display: table-cell; vertical-align: middle; } */
	.menu ul li a { /*padding: 0px 2px; line-height: normal;*/ height:40px !important; }
	.logo-text { bottom: 3px; right: 3px; }
	.logo-text p { font-size: 13px; }
	.logo-text p.phoneno { font-size: 16px; }
	.sidebar { display:none; }
}