/*
	Theme Name: Crystal Child Theme
	Theme URL: https://www.studiopress.com/themes/crystal
	Description: Crystal is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: https://www.studiopress.com
	Version: 1.0

	Brand and Design by Ces Creatively https://www.supportivebusinessmums.co.uk/
	Web development by Jay Loftus https://www.trustbizweb.co.uk/
*/

/***** TRUSTBIZWEB BESPOKE STYLING
*****************************************************************/

		/***** FONT IMPORT
 	*********************************************/
	
		@import url(https://fonts.googleapis.com/css?family=Averia+Serif+Libre); /***** font-family: 'Averia Serif Libre', cursive; *****/
		@import url(https://fonts.googleapis.com/css?family=Varela+Round); /***** font-family: 'Varela Round', sans-serif; *****/
		@import url(https://fonts.googleapis.com/css?family=BenchNine:300,400); /***** font-family: 'BenchNine', sans-serif; *****/
		@import url(https://fonts.googleapis.com/css?family=Karla); /***** font-family: 'Karla', sans-serif; *****/
		@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans); /***** font-family: 'Quattrocento Sans', sans-serif; *****/

		/***** MAIN BODY AND WRAP
 	*********************************************/
 	
		body {
			background: #00998E;
			background: -moz-linear-gradient(top, #00998E, #0075AB);
			background: -webkit-gradient(linear, left top, left bottom, from(#00998E), to(#0075AB));
			color: #000000;
			font-family: 'Varela Round', sans-serif;
			font-size: 12pt;
			line-height:14pt;
			margin: 0 auto 0;
			line-height: 24px;
		}

		body.home {
			background: #00998E;
			background: -moz-linear-gradient(top, #00998E, #0075AB);
			background: -webkit-gradient(linear, left top, left bottom, from(#00998E), to(#0075AB));	
		}
	
		#wrap {
			margin:0;
			padding:20px;	
			background-image:url(../../../images/elements/love-to-swim-waves-background.png);
			background-position:-40px 0px;
		}

		.home #wrap {
			margin:0;
			padding:20px;	
			background-image:url(../../../images/elements/love-to-swim-waves-background.png);
			background-position:-40px 0px;
		}


		/***** HYPERLINKS
 	*********************************************/

		a, a:visited {
			color: #00998E;
			text-decoration:none;
			background-color:none;
		}
	
		a:hover {
			color: #00998E;
			text-decoration: underline;
			background-color:none;
			font-style:italic;
		}


		/***** HEADER
 	*********************************************/

		.home #header {
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* IE10+ */
			background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */">
			border:none;
			border-radius:15px;
			width: 980px; 
			height: 235px;
			padding:0;
			margin:20px auto;
		}


		#header {
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* IE10+ */
			background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */">
			border:none;
			border-radius:15px;
			width: 980px; 
			height: 235px;
			padding:0;
			margin:20px auto;
		}
	

		/***** NAVIGATION
 	*********************************************/

		.home #subnav {
			background-color:#0063aa ;
			width: 980px;
			height:100px !important;
			border:none !important;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
			margin:0 auto;
			padding:0;
			overflow: hidden;
			clear: both;
			opacity:0.75;
			filter:alpha(opacity=75); /* For IE8 and earlier */
		}

		.page #subnav {
			background-color:#0063aa;
			width: 980px;
			height:140px !important;
			border-top:4px solid #0063aa;
			border-left:4px solid #0063aa;
			border-right:4px solid #0063aa;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
			margin:0 auto;
			padding:0;
			overflow: hidden;
			clear: both;
			opacity:0.75;
			filter:alpha(opacity=75); /* For IE8 and earlier */
		}

		#subnav {
			background-color:#0063aa;
			width: 980px;
			height:140px !important;
			border-top:4px solid #0063aa;
			border-left:4px solid #0063aa;
			border-right:4px solid #0063aa;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
			margin:0 auto;
			padding:0;
			overflow: hidden;
			clear: both;
			opacity:0.75;
			filter:alpha(opacity=75); /* For IE8 and earlier */
		}

		#subnav .wrap {
			margin-left: auto;
			margin-right: auto;
			display:table;
			white-space:nowrap;
		}
		
		#menu-main-navigation {
			font-family: 'Quattrocento Sans', sans-serif;
			letter-spacing: 1px;
			font-weight: 400;
			font-style: normal;
		}		
		
		#nav ul, #subnav ul, #header ul.nav, #header ul.menu {
			margin: 0 40px 0 0;
			padding: 0;
		}
	
		#nav li a, #subnav li a, #header ul.nav li a, #header ul.menu li a {
			color: #ffffff;
			display: block;
			font-size: 14pt;
			padding:30px 0 0 20px;
			text-decoration: none;
			position: relative;
		}


		/***** INNER
 	*********************************************/

		#inner {
			clear:both;
			background: #FFFFFF;
			width:1040px;
			margin:0 auto;
			padding:0 0 20px;
			border-radius:15px;
			overflow:hidden;
		}


			/***** INNER HOME
 		*********************************************/

			.home #inner {
				clear:both;
				background:none;
				width:1040px;
				border:none;
				border-radius:15px;
				margin:0 auto 20px;
				padding:0;
			}
		
			#home-top .home-top-right {
				background-color: #0063aa;
				width: 980px;
				height: 480px;
				border: none;
				border-bottom-left-radius: 15px;
				border-bottom-right-radius: 15px;
				margin:0 auto 0;
				padding:0;
				overflow: hidden;
				clear: both;
				opacity: 0.75;
			}
		
			#home-wp-cycle {
				width:920px;
				margin:-475px auto 0;
			}
			
			#home-middle {
				background: #ffffff;
				border:none;
				border-top-left-radius:15px;
				border-top-right-radius:15px;
				margin: -375px auto 0;
				padding: 400px 60px 0 60px;
			}
		
			#home-middle img {
				float:left;
				padding:0 6px 0 0;
				margin:25px 0;
			}
		
			#home-bottom-trustbiz {
				float:left;
				background: #ffffff;
				border:none;
				border-bottom-left-radius:15px;
				border-bottom-right-radius: 15px;
				margin:0 auto 0;
				padding:20px 40px;
				border-top:1px solid #000000;
			}
		
			.home-bottom-trustbiz-left {
				margin:0;
				padding:0 40px 0 0;
				background-color:#FFFFFF;
				width: 220px;
				float: left;
			}
		
			.home-bottom-trustbiz-center {
				margin:0;
				padding:0 40px 0 0;
				background-color:#FFFFFF;
				width: 160px;
				float: left;
				text-align:center;
			}

			.home-bottom-trustbiz-center2 {
				margin:0;
				padding:0 40px 0 0;
				background-color:#FFFFFF;
				width: 185px;
				float: left;
			}

			.home-bottom-trustbiz-right {
				margin:0;
				padding:0;
				background-color:#FFFFFF;
				width: 205px;
				float: right;
			}

			/***** END INNER HOME
 		*********************************************/


		#content-sidebar-wrap {
			width: 980px;
			padding:0;
			margin:0 26px;
			float: left;
			border-left:4px solid #006fa4;
			border-right:4px solid #006fa4;
			border-bottom:4px solid #006fa4;
			border-bottom-left-radius:15px;
			border-bottom-right-radius:15px;
			overflow:hidden;
		}

			/***** CONTENT
 		*********************************************/
		
		#content {
		}

		#content .page {
			width:900px;
			margin:0 auto;
			padding:0;
		}

		.full-width-content #content {
			background: #FFFFFF;
			width: 980px;
			padding:0;
		}

		.content-sidebar #content {
			float: left;
			background: #FFFFFF;
			width: 675px;
			padding:0 20px;
		}
		
		.entry-title {
			border-top: 3px solid #00998e;
			border-left: 3px solid #00998e;
			border-right: 3px solid #00998e;
			border-top-left-radius: 15px;
			background-color: #7fcbc6;
			border-top-right-radius: 15px;
			color: #ffffff;
			text-align: center;
			padding:20px;
			font-size:16pt;
			line-height:22pt;
			margin:-72px 0;
			position:absolute;
		}
	
		.entry-content {
			width:900px;
			margin:0;
			padding-top:25px;
		}
		
		#content .post {
			margin: 0;
			padding: 0 0 10px 20px;
			border-bottom: 1px solid #0075AB;
		}
	
		#content h2 {
			font-size: 18pt;
			line-height: 28pt;
			font-style:normal !important;
			border:none;
			margin:0;
			background:none;
			position:inherit;
			width:100%;
			text-align:left;
		}



		/***** SIDE BAR
 	*********************************************/
		#sidebar {
			width: 205px;
			float: right;
			display: inline;
			margin:0;
			padding:0 20px 0;
			border-left:1px solid #00998e;
			border-bottom:1px solid #00998e;
			border-bottom-left-radius:15px;
	}

		/***** FOOTER
 	*********************************************/

		#footer {
			background-image: url(../../../images/sleek-sales-pages/footer-background.png);
			background-repeat:no-repeat;
			width: 1040px;
			color: #FFFFFF;
			font-size: 11pt;
			padding: 10px 0 25px 0;
			margin:20px auto;
			overflow: hidden;
			clear: both; 
		}
	
		#footer a, #footer a:visited {
			color: #FFFFFF;
			text-decoration: underline;
		}
	
		#footer a:hover {
			color: #334366;
			text-decoration: underline;
		}
	

        .lowercarousel
		{ width:218px;
		  max-width:218px; 
		  float:left; margin-right:10px;}
		  
		  .lowercarousel img
		  {
		  width:218px;
		  height:150px;
		  }
		  
		  .rightcarousel 
		  {
			  margin-right:-100px;
		  }
		  
		  .fullwidth
		  {
			width:900px;  
		  }
		

.swimlessonsbox {
		margin: 40px 0px; 
		padding: 40px 50px 35px; 
		border-radius: 15px; 
		border: 2px solid rgb(0, 99, 170); 
		border-image: none; 
		height: 125px; 
		clear: both;}
	
	 .mobileonly
		  {
			display:none; 
		  }