/*
Theme Name: Perfect Day Surf and SUP School
Theme URI: http://smthemes.com/hockeytime/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 02/19/2014
License URI: license.txt
Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/
@import url(css/font.css);

html { }
body { color:#033560; font-size:16px; font-family: 'calibri'; position:relative; background: #dbf6ff url(images/background.jpg) no-repeat bottom center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/*#all{ background:url(images/back.jpg) no-repeat center top scroll; padding-top: 10px; }*/
#all{ background:none; padding-top: 10px; }
a { color:#1878ba; text-decoration:none; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5, h6, a.post_ttl { line-height: 32px; }
h1 { color:#1878ba; }
h3, h5 { color:#ef504f; }
h2 { color:#1878ba; letter-spacing:1px; text-transform:capitalize; }
h2, h4, h6 { color:#1878ba; letter-spacing:1px; text-transform:capitalize; }

a.post_ttl, .articles  .post-caption h1, .articles  .post-caption h2{ color: #333; font-family: 'a750-sans-cd-mediumregular'; font-size: 32px; line-height: 25px; text-decoration: none; text-transform:uppercase; }
h2 a.post_ttl:hover{ color:#6dcff6; }

/*------------------------------ HEADER ------------------------------*/
#header .container{ position:relative; }
#secondarymenu-container { padding-top:0; height:220px; position:relative; z-index:20; background:#1878ba; border-radius: 10px 10px 0 0; margin-top:10px; }
#content-bottom { height:0; }
#header{ }
#logo img { max-width: 320px; height: auto; margin:3px 0 0 20px; }
/*------------------------------ SEARCH ------------------------------*/
#s { background: none repeat scroll 0 0 transparent; border: medium none; color: #a7a7a7; float: left; height:30px; line-height:30px; width:200px; background:#fff; }
.searchbtn { height: 30px; margin-right:-32px; width: 30px; }
.searchform { height: 30px; width: 225px; }
/*------------------------------ CONTENT ------------------------------*/
.articles { margin:0; }
.articles .one-post { padding:0 0 10px 0; margin:0; background:url(images/back-one-post.png) bottom repeat-x; }
.articles .post-caption .post-meta { padding: 25px 0 5px 0; font-size:13px !important; color:#000; }

.post-meta a{ color:#000; text-decoration:underline; }
.post-comments a{ }
.post-meta a:hover{ text-decoration:underline; }
.articles .post-date { color: #000; }
.articles .post-caption { padding:0px 0 20px 0; position:relative; }
.articles .post-meta { padding:25px 0 0; color:#000; font-size:13px; margin:0; }
.articles .post-body  { border:none; padding:0; margin:0; }
#content .container{ }
#commentform #submit, input.readmore, a.readmore { background:url(images/back-readmore.png) no-repeat center; width:126px; height:38px; line-height:38px; color: #fff; font-size: 24px; font-family: 'a750-sans-cd-mediumregular'; text-transform:uppercase; padding:0; padding-right:12px; border:none; }
#commentform #submit:hover, input.readmore:hover, a.readmore:hover { text-decoration:none; background:url(images/back-readmore-hover.png) no-repeat center; color:#000; }
.featured_image { margin-top:15px; background:#fff; border:none; padding:0; }
.googlemap { background:#fff; border:none; padding:0; }
.widget_posts ul li img,.widget_flickr a { background:#fff; border:none; padding:0; }
.pagination{ }
.pagination.classic { text-align:center; padding:15px 0 0; }
.page-numbers { padding:5px 10px; }
a.page-numbers { color:#000; text-decoration:none; background: rgb(236,236,236); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(206,206,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
a.page-numbers:hover, span.page-numbers { color:#000; background: rgb(110,200,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(110,200,255,1) 0%, rgba(40,156,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,200,255,1)), color-stop(100%,rgba(40,156,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(110,200,255,1) 0%,rgba(40,156,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(110,200,255,1) 0%,rgba(40,156,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(110,200,255,1) 0%,rgba(40,156,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(110,200,255,1) 0%,rgba(40,156,217,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ec8ff', endColorstr='#289cd9',GradientType=0 ); /* IE6-9 */
}
/*------------------------------ FOOTER ------------------------------*/
/*#footer  { background: url(images/footer-waves-bg.jpg) 0 bottom repeat-x; padding-bottom: 10px; }*/
#footer  { background: none; padding-bottom: 10px; }
#footer .container { background: #269fcc; border-bottom: 1px solid #fff; }
#footer .container.clearfix{ padding: 10px 0; }
#footer h3 { color: #fff; font-size: 32px; text-transform:uppercase; font-family: 'a750-sans-cd-mediumregular'; margin:0; padding:0; }
#footer .inner .caption{ background:none; }
#footer .footer_txt { padding:0; margin:0 auto; }
#footer .footer_txt .container { padding:10px 0 !important; text-align:center; color:#fff; }
.footer-widgets { color:#fff; }
#footer .widget2, .widget, .tabs_widget { }
#footer .footer_txt .container a { color:#c5edf9; text-decoration:none; }
#footer .footer_txt .container a:hover { text-decoration:underline; }
#footer .inner a { color:#fff; text-transform:uppercase; text-decoration:none; }
#footer .inner a:hover{ color:#6dcff6; }
#footer .inner{ background:none; }

.fb_iframe_widget iframe { background:#fff;}

.smthemes { display:none; }
ul#post-tiles li a.cat_bg_homesupbox { background: #5b960e url(images/sup-icon.png) right top no-repeat!important; }
ul#post-tiles li a.cat_bg_homesurfbox { background: #1878ba url(images/surf-icon.png) right top no-repeat!important; }
ul#post-tiles li a.cat_bg_homekidsbox { background: #e0ba01 url(images/hibiscus-flower-white.png) right top no-repeat!important; }
ul#post-tiles li a.cat_bg_homehenstagbox { background: #5b960e url(images/sup-icon.png) right top no-repeat!important; }
ul#post-tiles li a.cat_bg_homecorporatebox { background: #1878ba url(images/surf-icon.png) right top no-repeat!important; }
ul#post-tiles li a.cat_bg_homemarinebox { background: #e0ba01 url(images/hibiscus-flower-white.png) right top no-repeat!important; }

#surf_conditions { display:block; padding: 10px 10px; margin: 0px 0 10px 0; background:#85c6f2 url(images/learn-to-surf.png) right no-repeat; color: #2e79bd; font-size: 180%; text-decoration:none; width: 90%; font-weight: bold; border-radius: 8px; line-height: 110%; }
#surf_conditions a { text-decoration:none; color:#2e79bd; }
#surf_conditions:hover { background:#0070e4 url(images/learn-to-surf.png) right no-repeat; color: #fff; }

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right { margin-left:0; }
.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{ margin-right:0; }
.sidebar{ }
.supbg { background:}
#content .widget .caption h3 { text-align:left; font-size:32px; line-height: 26px; color:#078fec; font-family: 'a750-sans-cd-mediumregular'; text-transform:uppercase; margin:5px 0 5px 5px; padding:0;}	
#content .inner .caption{ padding:0; }
#content .widget{ }
.fp-next{ background-position:left 50%; height: 72px; margin: 150px -43px; width: 42px; }
.fp-prev { background-position:right 50%; height: 72px; margin: 150px -43px; width: 42px; }
.inner{ padding-bottom:20px; }
.inner .caption{ margin:0; padding:0; }

/*------------------------------ OSD Edits ------------------------------*/
ul#post-tiles li a { border-radius: 0 0 10px 10px; bottom: 50%; color: #ffffff; display: block; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 16px; margin-top: 0; padding: 10px; position: relative; text-decoration: none; text-transform: none; width: 200px; z-index: 100; }
ul#post-tiles li #781 { background: #000!important;}

.widget2, .widget, .tabs_widget { }
.widget_posts ul{ padding:0 5px; }

#book_table {float: right; width: 30%; margin: 0 0 0 20px; padding: 10px 10px; border-radius: 8px; background: #1878ba; }
#book_table td { color: #fff; text-align:center; }
#book_table td h3 { color: #FEF200; text-align:center; margin:0; padding:0; }

/*	-==========================- DESKTOP -==========================-  */
@media only screen and (min-width:1024px) { #content-top { height:0; }
	#content { padding-top:0; }
	#content .container { padding-bottom:0; width: 1000px; box-shadow:0 0 5px #accfe5; }
	#logo { position: absolute; text-align:left; top:0; left:0; }
	#logo img { max-width: 320px; height: auto; margin:3px 0 0 20px; }
	#logo h2 { margin:0; padding:0; color:#fff; font-size:15px; text-align:center; }
	
	#topcontact { right:0; top:0; margin: 10px 10px 0 0; width: 300px; position:relative; z-index:18; text-align:right!important; color: #fff; font-size:17px; }
	#topcontact .tab_widget, .widget {  padding: 5px 10px;}
	#topcontact a { color:#fff;}
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container { padding-top:0; height:220px; position:relative; z-index:20; background:#1878ba; border-radius: 10px 10px 0 0; margin-top:10px; }	
	#secondarymenu { float: right; margin-right:30px; }
	#secondarymenu a { font-family: 'arial'; text-decoration:none; padding:23px 12px; display:block; color:#fff; font-size:14px; }
	#secondarymenu li a{ border-right:1px solid #363636; }		

	#secondarymenu a:hover{ color:#6dcff6; }	
	#mainmenu-container { clear: both; height: 43px; margin: 0 auto; padding: 0; z-index: 18; position:relative; background:url(images/back-mainmenu.png) center top repeat-x; }
	#mainmenu li a:hover{ color:#00aeef; background: url(images/back-mainmenu.png) repeat 0 -80px; }
	#mainmenu li a { font-family: 'a750-sans-cd-mediumregular'; display:block; text-decoration:none; padding: 10px 14px; color:#000; font-size:20px; text-transform:uppercase; border-right: 1px solid #fff; }
	#mainmenu li a:hover{ color:#00aeef; }
	#mainmenu li.current_page_item a {background:url(images/back-mainmenu.png) repeat 0 -80px!important; color:#00aeef!important;}
		
	#mainmenu{ padding:0; }
	#mainmenu li { position:relative; }

	#header #mainmenu li ul { top:43px; background:url(images/back-mainmenu.png) repeat 0 -80px!important; }
	#header li ul { top:43px; }
	#header li ul .transparent { }
	#header li ul .inner { background: url(images/back-mainmenu.png) repeat; padding:5px; margin:0; }
	#header ul.children li, #header .sub-menu li { padding:0 !important; margin:0 !important; height:25px; line-height:25px; }
	#header ul.children li a, #header .sub-menu li a { padding:0 !important; border:none !important; height:25px; line-height:25px; color:#000!important; font-family:'arial' !important; font-size:13px !important; }
	#header ul.children li a:hover, #header .sub-menu li a:hover { background: url(images/back-mainmenu.png)  repeat 0 -80px!important; color:#6dcff6 !important; text-decoration:none !important; box-shadow:none !important; }	
	#header #mainmenu li ul .inner { margin-top:0; }
	#header #mainmenu ul.children li a, #mainmenu .sub-menu li a { background: url(images/back-mainmenu.png) repeat!important; color:#000 !important; font-family:'arial' !important; font-size:13px !important; background:none; text-align:left; padding:0 15px !important; }
	#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover { background: url(images/back-mainmenu.png) repeat!important; color:#000 !important; box-shadow:none !important; text-decoration:none !important; }
	#header .sub-menu .sub-menu { top:0 !important; }
	
	/*------------------------------ SLIDER ------------------------------*/
	.slider-container { margin:0 auto; position:relative; }
	.fp-next, .fp-prev { height:25px; margin:180px 10px; position: relative; width:13px; }
	.slider { 
		margin: 0 auto; }
	.fp-prev-next-wrap { margin:0 0px; }
	.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items { height:188px; }
	.fp-slides,.fp-thumbnail,.fp-slides-items  { height:280px; width:1000px; background: #fff; }
	.fp-slides-items img  { width:30%; float:right; margin: 10px 20px 0 20px; padding: 10px; border-radius: 10px; border: 1px solid #2a7abf; box-shadow: 3px 3px #ccc; }
	.fp-content-fon { border-bottom:none; border-left:none; border-right:none; }
	.fp-content-fon, .fp-content { 	left:0; top:0; float:left; width: 45%; text-align:left; font-size:13px; height:400px; }
	.fp-nav { bottom:27px; }
	.slider-nothumb .fp-content-fon { background:#fff; }
	.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{ color:#000; }	
	
	ul#post-tiles li { height: 300px;  width: 32% !important;}
	ul#post-tiles li a { height: 280px;  width: 95% !important;}
}	


/*	-==========================- TABLET -==========================-  */
@media only screen and (max-width:1023px) and (min-width:500px) { 
#cc-notification {display: none !important}
    #s { background:#00aeef; color:#fff; }
	#footer .container.clearfix{ padding:7px 0 5px !important; background: #269fcc; border-bottom: 1px solid #fff; }
	#header .sub-menu li{ float:left !important; padding-bottom:10px !important; }
	#header { background:none; }
	#logo img { max-width: 320px; height: auto; margin:3px 0 0 20px; }
	#logo h2 { margin:0; padding:0 0 0 74px; color:#fff; font-size:14px; text-align:left; }
	#header-banner { margin-top:25px; float:right; }
	#content-top{ }
	#topcontact { float: right; position: absolute; right:0; top:0; width: 300px; text-align:right!important; color: #fff;} 
	#topcontact a { color: #fff;} 
	
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container { padding-top:0px; background:#1878ba; border-radius: 10px 10px 0 0; margin-top:10px; }
	#secondarymenu { padding:0 20px; }
	#secondarymenu li {	}
	#secondarymenu li a{ font-family:'arial'; text-decoration:none; padding:0; display:block; color:#000 !important; font-size:13px; }
	#mainmenu-container { clear:both; padding:0; background: url("images/back-mainmenu.png") repeat-x scroll center top rgba(0, 0, 0, 0); }
	#mainmenu { margin:0px; }
	#mainmenu li { padding:0; float:left; }
	#mainmenu li a { font-family: 'a750-sans-cd-mediumregular'; display:block; text-decoration:none; padding: 5px 8px; color:#000; font-size:17px; text-transform:uppercase; border-right: 1px solid #fff; }	
	#mainmenu li ul { display:none; }
	#mainmenu li ul:hover { top:71px; left:0; }
	.slider-container{ clear:both; }
	
	#header ul.children li, #header .sub-menu li { padding:0 !important; margin:0 !important; height:25px; line-height:25px; }
	#header ul.children li a, #header .sub-menu li a { padding:0 !important; border:none !important; height:25px; line-height:25px; color:#000!important; font-family:'arial' !important; font-size:13px !important; }
	#header ul.children li a:hover, #header .sub-menu li a:hover { background: url(images/back-mainmenu.png)  repeat 0 -80px!important; color:#6dcff6 !important; text-decoration:none !important; box-shadow:none !important; }	
	#header #mainmenu li ul .inner { margin-top:0; }
	#header #mainmenu ul.children li a, #mainmenu .sub-menu li a { background: url(images/back-mainmenu.png) repeat!important; color:#000 !important; font-family:'arial' !important; font-size:13px !important; background:none; text-align:left; padding:0 15px !important; }
	#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover { background: url(images/back-mainmenu.png) repeat!important; color:#000 !important; box-shadow:none !important; text-decoration:none !important; }
	#header .sub-menu .sub-menu { top:0 !important; }
	
	ul#post-tiles li { height: 250px;  width: 32.5% !important;}
	ul#post-tiles li a { height: 230px;  width: 100% !important;}
	ul#post-tiles li a.cat_homesupbox { background: #5b960e url(images/sup-icon.png) 160px top no-repeat!important; }
	ul#post-tiles li a.cat_homesurfbox { background: #1878ba url(images/surf-icon.png) 160px top no-repeat!important; }
	ul#post-tiles li a.cat_homekidsbox { background: #eb4d4f url(images/hibiscus-flower-white.png) 160px top no-repeat!important; }
	
	.fb_iframe_widget, .fb_iframe_widget iframe {width: 220px!important;}	
}

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:499px) { 
#cc-notification {display: none !important}
    #all{ background: none; padding-top: 10px; }
	#header li ul .transparent{ height:0; }
	#footer .container{ padding-top:20px !important; background:#1878ba; }
	#footer .container.clearfix{ padding:0 !important; background: #269fcc; border-bottom: 1px solid #fff; }
	#header .container{ background:none; }
	#header { margin-bottom:30px; background:none; }
	#logo img { height: auto;  margin: 0;  max-width: 300px; text-align:center;}
	#logo h2 { color: #fff; font-size: 14px; margin: 0; padding: 0; text-align: center;}
	#topcontact { display: block; float: none; padding: 10px; margin: 0px auto; width: 60%; text-align:center; color: #fff; background:#1878ba; border-radius:0px;}
	#topcontact a {color: #fff;}
	.searchbtn { width: 30px !important; }
	#secondarymenu-container { background:#1878ba; border-radius: 10px 10px 0 0; margin-top:10px; }
	#secondarymenu, #mainmenu { background:#fff; padding:0 2%; margin-top:10px; }
	#secondarymenu li, #mainmenu li { border-top:1px solid #d7d7d7; }
	#secondarymenu li a, #mainmenu li a{ color:#363636; text-decoration:none; }
	.mobile-menu{ background:#00aeef; color:#fff; }
	.fp-next, .fp-prev { margin:0 -5px; }
	.footer-widgets .widgetf:first-child { border:none; }	
	#footer { width:100%; }
	#footer .footer_txt .container{ padding:10px 0 !important; }
	.widgetf { border-top:1px solid #d3d3d3; }
	.articles .post-date { float:none; }
	.articles dt p img { display:none; }
	.fp-nav { bottom:-18px; }
	.slider-container { padding-bottom:20px; }
	#s { width:89%; background:#00aeef; color:#fff; }
	
	ul#post-tiles li { height: 250px;  width: 48% !important;}
	ul#post-tiles li a { height: 230px;  width: 100% !important;}
	ul#post-tiles li a.cat_homesupbox { background: #5b960e url(images/sup-icon.png) right top no-repeat!important; }
	ul#post-tiles li a.cat_homesurfbox { background: #1878ba url(images/surf-icon.png) right top no-repeat!important; }
	ul#post-tiles li a.cat_homekidsbox { background: #eb4d4f url(images/hibiscus-flower-white.png) right top no-repeat!important; }
}