/*
Theme Name: SuperSimple
Theme URI: http://tidythemes.com/supersimple/
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: A super simple and clean responsive CSS framework built on top of <a href="http://wordpress.org/themes/blankslate">BlankSlate</a>. <a href="http://tidythemes.com/want-to-learn-css/">Learn CSS</a> | <a href="http://tidythemes.com/forum/">Support Forum</a>
Version: 4.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, gray, silver, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: supersimple

SuperSimple WordPress Theme © 2011-2014 TidyThemes
SuperSimple is distributed under the terms of the GNU GPL
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

html, body{height: 100%; width: 100%}
body{font-family: 'Roboto', sans-serif;font-size:14px;color:#333;margin:0;padding:0;background:#fff}
.page-template-creative-php{margin:40px}
p{text-align:justify;margin:20px 0}
.entry-content p, .entry-content p a{font-size:15px;line-height:20px}
#content{line-height:18px}
a, h2{color:#2d86a1;text-decoration:none}
a:hover{text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-weight:bold;margin:20px 0 10px;clear:both}
h1{font-size:25px;color:#2d86a1}
h2{font-size:20px;line-height:125%}
h3{font-size:16px;color:#888}
strong{font-weight:bold}
em{font-style:italic}
code{font-family:'courier new',courier,serif;color:#777}
pre{overflow-x:auto;white-space:pre-wrap}
hr{height:1px;color:#ccc;border:0 none;margin:30px 0;background-color:#ccc}
.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol{margin-left:20px !important}
.entry-content li:before, .comment-content li:before, #hsidebar .children li:before, #fsidebar .children li:before{content:"- "}
li.wp-block-post:before{content:""}
ol li:before, #login-register-password li:before{content:"" !important}
#container ol, .comment-content ol, #hsidebar ol, #fsidebar ol{list-style:decimal inside}
#sidebar .widget-container ul{display:block;margin-left:10px}
/*
blockquote{
	padding:0 20px;
	border:4px double #ddd;
	margin:20px 2%;
	background:#f6f6f6
}*/
blockquote {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin: 2em 0;
	font-family: "Times New Roman", "serif";	
	color: #3c3c3c;
    font-style: italic;
    border: 4px double #ddd;
    background: #f6f6f6;
    padding-top: 0;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 0.5em;
    font-size: 150%;
    line-height: 100%;
}
/*blockquote:before, blockquote:after {position:absolute; font-size:100px;}*/
blockquote:before {content:"\201C"; float: left; margin-left: -1em; margin-top: 1em;}
/*blockquote:after {content:"\201D"; float: right; margin-right: -1em; margin-top: -1em;}*/
blockquote p{padding-bottom: 0;margin-bottom:0;}
cite{
	font-style: normal;
	font-size: 10px;
	color: #3c3c3c;
}
cite:before{content:"- "}

input, textarea{color:#666;padding:5px;border:1px solid #ccc;background:#f6f6f6}
input[type="submit"]{cursor:pointer}
a img, input[type="image"]{border:0 none}
img, video{max-width:100%;height:auto}
table{width:100%}
#content img, #content figure, #content table{max-width:100% !important;height:auto}
#sidebar img, #sidebar figure{max-width:100% !important;height:auto}

#wrapper{width: 100%}
#header{clear:left}
#content{margin-top: -65px; width:64%;padding:0 2%;float:left}
.page-template-sidebar-left-php #content{float:right}
.page-template-sidebar-none-php #content{width:96%}
.page-template-page-home #content{width:100%;padding:0}
#sidebar{width:30%;margin-right:2%;float:right}
.page-template-sidebar-left-php #sidebar{margin-right:0;margin-left:2%;float:left}
#hsidebar, #fsidebar{margin:0 2%}
#hsidebar .widget-container, #fsidebar .widget-container, #menu-footer{margin-bottom:30px}
#hsidebar .widget-container{float:left}
#footer{padding-top:20px;clear:both}

.entry-meta, .entry-meta a, .entry-footer, .comment-meta, .comment-meta a, #copyright, #copyright a{color:#666;font-size:13px}
#site-title a, #site-title h1 a, #site-title h1{font-size:35px;padding:0;margin:0}
#site-title a:hover, #site-title h1 a:hover{text-decoration:none}
#site-description{font-size:18px;margin:10px 0 20px}
h4, h5, h6, #site-description, .entry-meta, .comment-meta, #form-allowed-tags code, #copyright{color:#aaa}
#sidebar ul, #hsidebar ul, #fsidebar ul, #footer .menu, #footer .menu li{display:inline-block;list-style:none;padding:0;margin:0}
.widget-title{padding-bottom:5px;margin-top:25px;margin-bottom:8px;border-bottom:1px solid #ccc}
#respond h3{clear:left}
#footer #fmenu{text-align:center;margin-top:20px}
#footer .menu li a{color:#666;font-size:16px;margin-right:20px}
#footer .menu li:last-child a{margin-right:0}
#copyright{text-align:center}
#search{margin-top:-4px;float:right}
#sidebar #search{float:none}
#s{height:16px;border-right:0;float:left}
#s:focus{background:#fff}
#searchsubmit{width:60px;height:28px;float:left}
.error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left}

.post{padding-bottom:20px;border-bottom:1px dashed #ccc;margin-bottom:20px}
.entry-footer{margin-top:10px}
/*.entry-title{color:#aaa} */
.single .entry-title{text-align:left;line-height:30px}
.entry-title a{font-size:22px}
header.header h1{color:#ccc}
.nav-previous, .nav-next{margin:2em 0}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}
.nav-previous a, .nav-next a, .related-links ul li a{
	background-color: #ccc;
	padding: 5px;
	border:solid 1px #000;
}
.comments ul{padding:0;margin:0}
.comment, .trackback, .pingback{list-style:none;padding:10px;margin:10px 0}
.odd{background:#f6f6f6}
.form-allowed-tags code{font-size:12px}
#respond input{width:40%;display:block}
#respond input:focus, #respond textarea:focus{background:#fff}
#respond textarea{width:98.125%;height:100px;overflow:auto}
#respond #submit{width:auto;font-weight:bold}
.avatar{width:32px;height:32px;margin:0 5px 5px 0;float:left}
.sticky{padding:15px 15px 15px 15px;margin-top:20px;background:#f6f6f6}
.sticky h2{margin-top:0}
.bypostauthor{background:#f6f6f6}
#wp-calendar{width:100%}
#wp-calendar td{text-align:center}
#wp-calendar #prev{text-align:left}
#wp-calendar #next{text-align:right}
.wp-post-image{margin-top:10px}
.wp-caption{max-width:640px;margin:20px 0}
.wp-caption-text, .alignleft, .aligncenter, .alignright{max-width:640px;text-align:center}
.gallery-caption{border:1px solid #ccc}
.alignleft, .alignright, .aligncenter{display:block;margin:20px auto;clear:both}

.gallery{margin:20px auto !important}
.size-thumbnail{margin:5px}
.attachment #nav-above a{font-size:25px}
.entry-links{clear:both}

@media screen and (min-width:600px){
#menu{margin:20px 0 0}
#menu ul li a{display:inline-block;font-family: 'Roboto', sans-serif;font-size:18px;color:#fff;text-decoration:none;padding-bottom:5px;margin:0 10px 0 0}
#menu ul li a:hover{color:#eee;text-decoration:none}
#menu ul, #menu ul li{display:inline;margin:0;padding:0;list-style:none}
#menu ul li{position:relative}
#menu li ul{display:none;position:absolute;top:22px;left:0}
#menu ul li:hover ul{display:inline-block}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul{display:none}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{display:block;position:absolute;z-index:2147483647}
#menu ul li:hover ul li a, #menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{color:#666;margin-top:-1px;background:rgba(34, 38, 42, 0.75)}
#menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{margin-top:-2px}
#menu ul li:hover ul li a:hover, #menu ul ul li:hover ul li a:hover, #menu ul ul ul li:hover ul li a:hover{color:#888}
#menu ul li:hover ul li a{width:auto;min-width:100px;padding:5px}
#menu ul ul li:hover ul li a{width:auto;min-width:100px;padding:5px 5px 5px 10px}
#menu ul ul ul li:hover ul li a{width:auto;min-width:100px;padding:5px 5px 5px 15px}
.current-menu-item a{color:#ccc !important}
.current-menu-item a:hover{color:#666 !important}
.current-menu-item .sub-menu a{color:#666 !important}
.current-menu-item .sub-menu a:hover{color:#888 !important}
	.hero_image{height:400px}
}
@media all and (max-width:599px){
	#menu {margin-top: 20px}
	#menu ul li a{display:block;font-family: 'Roboto', sans-serif;font-size:25px;color:#fff;text-decoration:none;padding-bottom:5px;margin:0 10px 0 0; text-align: right;}
	#menu ul li:hover ul{display:none}
	#menu li ul{display:none}
	#content, #sidebar{width:96%} 
	.hero_image{height:200px}
}

@media screen and (min-width: 600px) {
.alignleft{margin:20px 20px 20px 0;float:left}
.alignright{margin:20px 0 20px 20px;float:right}
.aligncenter{display:block;margin:20px auto;clear:both}	
}
@media all and (max-width:990px){#content img, #content figure, #content table, #sidebar img, #sidebar figure, .wp-caption{max-width:100% !important}}

.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;display:none;}
.comment-notes, .form-allowed-tags{display:none}
.attachment #nav-above{display:block}

.hide{
	display:none
}
/*Grid Areas*/
#wrapper{
	display: grid;
	min-height: 100%;
	width: 100%;
	grid-gap: 1em;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
   	"header  header  header"
    "content content content"
    "footer  footer  footer";
    }
body.home #wrapper #container #content{width: 100%}
#header{
	grid-area: header;
}
#container{
	z-index:1;
	grid-area: content;
}
.site-footer{
	grid-area: footer;
}

/*Header Styles */
.top_bar{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 150px;
	vertical-align: bottom;
	/*background-color: rgba(204,204,204,0.25);*/
		}
		#main_menu{
			position:absolute;
			right:1em;
			display: inline;
			float: right;
			color: #fff;
		}
		.logo{
			position:absolute;
			top:20px;
			left: 20px;
			width: 25%;
			max-width: 300px;
		}
#branding{
	text-align: center;
}
/* Hero Video Container Styles */
.hero_image{position: relative;
	width: 100%;
    overflow: hidden;
    background-image: url(http://www.saildiveexplore.com/wp-content/uploads/2018/11/SaDiEx-web-banner1600x900.jpg);
    background-size: cover;
    background-position: bottom;
}
/*.video-container {
	position: relative;
	padding-bottom: 56.25%;
	margin-top:-60px;padding-top: 0px; height: 0; overflow: hidden;
		background-image:url("http://www.saildiveexplore.com/wp-content/uploads/2018/11/SaDiEx-web-banner1600x900.jpg");
		background-size:contain;
		background-position:bottom;
		background-repeat: no-repeat;
}*/


.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
		.ytp-chrome-top{visibility: hidden!important;}

/* Footer Styles */
.site-footer {
	position: relative;
	padding: 1em;
	color: rgba(255,255,255,0.5);
	background-color: #22262a;
	text-align: center;
}

.site-footer a {
	color: white;
	text-decoration: none;
}

.site-footer a:hover, .site-footer a:focus {
	text-decoration: underline;
}
	#fmenu, .social-menu, .site-info, #copyright, #footer-sidebar{
		clear:both;
	}
@media screen and (min-width: 600px) {
	.site-footer {
		display:grid;
	grid-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
    "f_menu  s_menu  f_sidebar"
	"f_menu  f_meta  f_sidebar"
    "f_copy f_copy f_copy";
	padding: 1em 2em;
	}
	#fmenu{
		grid-area: f_menu;
	}
	.social-menu{
		grid-area: s_menu;
	}
	.site-info{
		grid-area: f_meta;
	}
	
	#copyright{
		grid-area: f_copy;
	}
	#footer-sidebar{
		grid-area: f_sidebar;
	}
}

.site-info {
	-ms-flex-item-align: center;
	    align-self: center;
	font-size: 90%;
}

@media screen and (min-width: 61.875em) {
	.site-info {
		/*text-align: right; */
	}
}

/*--------------------------------------------------------------
## Social Media Navigation
--------------------------------------------------------------*/
.social-menu {
	margin-bottom: -1.5em;
	padding: 1em 0;
	color: #fff;
	background-color: #22262a;
	height: 50px;
}

.social-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-menu ul a {
	display: block;
	padding: .5em 1em;
	color: transparent;
	text-decoration: none;
}

.social-menu ul a .icon {
	fill: rgba(255, 255, 255, 0.5);
	-webkit-transition: fill .2s;
	transition: fill .2s;
}

.social-menu ul a:hover, .social-menu ul a:focus {
	text-decoration: underline;
	cursor: pointer;
}

.social-menu ul a:hover .icon, .social-menu ul a:focus .icon {
	fill: white;
}

@media screen and (min-width: 61.875em) {
	.social-menu {
		padding-top: 0;
	}
	.social-menu ul {
	}
}
/* From sass */
.icon {
display: inline-block;
fill: currentColor;
height: 2em;
width: 2em;
position: relative;
top: -0.0625em;
vertical-align: middle;
}

/*Sidebar widget */
.rl-image-widget .widget-title{
	border-bottom: none;
	}

/** Custom Post Type Formatting **/
.dive_data{
    background-color: #ccc;
    padding: 0.5em;
	color: #fff;
	word-wrap:break-word;
}
.dive_data p{
	margin:0!important;
}
.dive_data p strong{color:#22262a}
.dive_data a{
	color: #fff;
	border-bottom-color: #fff;
}
.dive_type{
	list-style: none;
	margin:0;
	padding:0;
}
.dive_type li::before{content:""}
#dive_notes h2{
	clear:none;
}
@media screen and (min-width: 990px){
	.dive_data{
		max-width: 33.3%;
    	float: right;
		margin-left:0.5em;
	}
	.dive_notes{
	}
}

/** Image Card Links **/
.page-template-page-home .entry-content{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 65px;
}
.wp-block-image img{
	background-color: #ffffff;
	padding: 10px 10px 50px 10px;
	margin-bottom: 1em;
	width: 100%;
    object-fit: cover;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.home-card figcaption{
	line-height: 2em;
	font-size: 20px!important;

}
.wp-block-image figcaption{
	font-family: Permanent Marker, sans-serif;
	margin-top: -3em!important;
/* 	line-height: 2em; */
	/*font-size: 20px!important;*/
	text-align: center;
	transform: rotate(358deg);
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background:none!important;
	color: #333!important;
	bottom: 1em!important;
}
.page-template-page-home .entry-content hr{
	clear: both;
}
.no-card img{
	background-color: none;
	padding: 10px;
	margin-bottom: 1em;
	width: 100%;
    object-fit: cover;
	text-align: center;
	box-sizing: border-box;
	box-shadow: none;
}
@media screen and (min-width: 990px){
	.page-template-page-home .entry-content{	
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
		align-items: stretch;
		margin-top:0px
	}
	.page-template-page-home .entry-content hr, .page-template-page-home .entry-content h2, .page-template-page-home .entry-content h3, .page-template-page-home .entry-content h4, .page-template-page-home .entry-content .no-card, .page-template-page-home .entry-content p {
		grid-column: 1 / span 3;
		text-align: center;
	}
	.home-card img{
		z-index: 1;
		transition: all 0.3s ease-in;
	}
	.home-card a:hover > img{
		padding: 20px 20px 50px;
	}
	.home-card a:hover > figcaption{
		font-size: 25px;
	}
}

/* Admin Bar Header Fix */
.admin-bar #wrapper, .admin-bar #header, .admin-bar .top_bar, .admin-bar .toggleMenu, .admin-bar .menu-header{
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar #wrapper, .admin-bar .top_bar {
    top: 32px;
  }
	.admin-bar .menu-header{
		top:0;
	}
}

/* Related Links */
.related-links ul {
	margin-bottom: 20px;
	margin-left:0px!important;
}
.related-links ul li{
	margin-right:1em;
	float:left;
}
.related-links ul li:last-of-type{
	margin-right:0;
}
.related-links ul li:before{
	content:"";
}
/* Map Box Style */
#map { position:absolute; top:0; bottom:0; width:100%;
}
.mapboxgl-ctrl-bottom-left {
    bottom: 15px!important;
    right: 5px!important;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
    float: right!important;
}

/* WP Gallery and Image Style */
/*.wp-block-image{
	background-color: #ffffff;
	color: #000000;
    padding: 10px 10px 0;
    width: 100%;
	height: 100%!important;
    object-fit: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-bottom: 1em;
}
div.wp-block-image {
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    width: auto;
    height: 100%!important;
    object-fit: cover;
    text-align: center;
    box-sizing: border-box;
	box-shadow: none;
    padding-bottom: 0;
}
.wp-block-image .alignright, .wp-block-image .alignleft, .wp-block-image .aligncenter{
	width: auto!important;
	background-color: #ffffff;
	color: #000000;
    padding: 10px 10px 0;
	height: 100%!important;
    object-fit: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-bottom: 1em;
	margin-top:0!important;
	margin-bottom:0!important;
}*/
@media (max-width: 600px){
	.wp-block-image .alignright, .wp-block-image .alignleft, .wp-block-image .aligncenter{
		float:none!important;
		margin: 0 auto!important;
		clear: both;
	}
}
.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure{
	background-color: #ffffff;
	color: #000000;
    padding: 10px 10px 0;
    width: 100%;
	height: 100%!important;
    object-fit: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-bottom: 2em;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%!important;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	left:0;
	right:0;
	padding: 0px 0px 5px!important;
   	color: #555d66!important;
    text-align: center;
    background: none!important;
}
.wp-block-image figcaption{
	margin-bottom:0!important;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
    display: block!important;
}
.blocks-gallery-item::before{content:""!important}
/*Testing*/
.rl-gallery-item {margin: 5px auto!important;}
/* Poloroid effect on Post List */
.entry-title {
	margin-bottom: 1em;
}
.wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li {
    padding: 0px 10px 10px 10px;
    margin-bottom: 1em;
    width: 100%;
    object-fit: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	border-bottom:none;
}