/*!
 Theme Name:   FutureStorm Start
 Theme URI:    http://www.gracebaptist.org.au
 Description:  naked-wordpress-master Child Theme
 Author:       Murray and Andrea Chapman
 Author URI:   http://www.futurestorm.com.au
 Template:     naked-wordpress-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  naked-wordpress-master-child
*/
/* apply a natural box layout model to all elements, but allowing components to change */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* - - - - - - - - - - STRUCTURAL - - - - - - - - - - */
/*
z-index used
10:	#structure-header and #structure-footer	
5:	#structure-content
*/
body { font-size: 16px; 
	font-family: 'Gilda Display', serif;}

a { color: #8d8d8d; }
a:hover { color: #bdbdbd; }

h1, h2, h3, h4, h5, h6 { font-family: 'Old Standard TT', serif; margin-bottom: 0.8em; margin-top: 1.2em; }

h1 { font-size: 2em; }

h2 { font-size: 1.75em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1em; }

h5 { font-size: 1em; }

h6 { font-size: 1em; }

/* =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%; /* Image does not overflow the content area */ 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 p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* - - - - - STRUCTURE: HEADER - - - - - */
#structure-header { position: relative; z-index: 10; }
#structure-header #header-desktop #logo-box img { height: 65px; width: auto; }
#structure-header #header-desktop #logo-box {margin-top: 15px;}
#structure-header #header-mobile #header-navigation-mobile-top img { height: auto; max-width: 100%; margin-top:10px;}

@media screen and (min-width: 480px) and (max-width: 767px){ #structure-header #header-mobile #header-navigation-mobile-top img {max-width: 60%;} }

/* - - - - - STRUCTURE : CONTENT - - - - - */
#structure-content { position: relative; z-index: 5; }
#structure-content #content-inner { padding: 20px 0px 40px 0px; }

/* - - - - - STRUCTURE : FOOTER - - - - - */
#structure-footer { position: relative; z-index: 10; background: #fff; }
#structure-footer #footer-inner { padding: 10px 0px; }
#structure-footer #footer-inner #footer-social { text-align: center; }
#structure-footer #footer-inner #footer-social a { color: #8d8d8d; }
#structure-footer #footer-inner #footer-social a:hover { color: #bdbdbd; }
#structure-footer #footer-inner #footer-social a .social-button-icon { color: #fff; }
#structure-footer #footer-inner .byline { text-align: right; }

@media screen and (max-width: 767px) { .row { margin-left: 0; margin-right: 0; }
  #structure-footer #footer-inner .copyright { padding-top: 20px; }
  #structure-footer #footer-inner .byline, #structure-footer #footer-inner .copyright { text-align: center; } }
/* - - - - - - - - - - MENUS - - - - - - - - - - */
/* - - - - - MENU : HEADER : DESKTOP - - - - - */
#header-navigation-desktop { text-align: right; background: white; padding-right: 20px; display: block; }
#header-navigation-desktop .menu-item-has-children { position: relative; }
#header-navigation-desktop .menu-item-has-children:hover > .sub-menu { display: block; }
#header-navigation-desktop .menu-item { display: inline-block; }
#header-navigation-desktop .menu-item a { padding: 10px 15px; font-size: 13px; color: #3b3b3b; display: block; }
#header-navigation-desktop .menu-item a:hover, #header-navigation-desktop .menu-item a:focus { background: #fff; text-decoration: none; font-weight: bold; }
#header-navigation-desktop .sub-menu { position: absolute; left: 0px; background: white; min-width: 150px; margin: 0px; padding: 0px; text-align: left; display: none; }
#header-navigation-desktop .sub-menu li { display: block; }
#header-navigation-desktop .sub-menu .sub-menu { position: absolute; left: -150px; top: 0px; background: white; }
#header-navigation-desktop .current_page_ancestor { background: white; }
#header-navigation-desktop .current_page_ancestor:hover { background: white; }
#header-navigation-desktop .current_page_ancestor > .sub-menu { background: white; }
#header-navigation-desktop .current-menu-ancestor { font-weight:bold; background: #fff; }
#header-navigation-desktop .current-menu-ancestor:hover { font-weight: bold; background: #fff;}
#header-navigation-desktop .current_page_item { font-weight: bold; background: #fff; }


/* - - - - - MENU : HEADER : MOBILE - - - - - */
#header-navigation-mobile #header-navigation-mobile-top { background: rgba(255, 255, 255, 0.9); display: block; }
#header-navigation-mobile #header-navigation-mobile-top #header-mobile-veggie-hamburger { padding: 5px 10px 5px 0px; text-align: right; }
#header-navigation-mobile #header-navigation-mobile-top #header-mobile-veggie-hamburger button { padding: 8px 5px; background: #fff; border-radius: 8px; border: none; cursor: pointer; }
#header-navigation-mobile #header-navigation-mobile-top #header-mobile-veggie-hamburger button span { width: 26px; margin: 2px; padding: 2px; border-radius: 2px; background-color: #8d8d8d; display: block; }
#header-navigation-mobile #header-navigation-mobile-top #header-mobile-veggie-hamburger button:hover { background: #fff; font-weight: bold;}
#header-navigation-mobile #header-navigation-mobile-top #header-mobile-veggie-hamburger button:hover span { -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); }
#header-navigation-mobile #header-navigation-mobile-menu { display: none; background: rgba(255, 255, 255, 0.8); padding-top: 10px; padding-bottom: 20px; }
#header-navigation-mobile #header-navigation-mobile-menu ul { list-style-type: none; padding: 0px; margin: 0px; }
#header-navigation-mobile #header-navigation-mobile-menu ul li a { padding: 15px; display: block; color: #3b3b3b; }
#header-navigation-mobile #header-navigation-mobile-menu ul li a:hover, #header-navigation-mobile #header-navigation-mobile-menu ul li a:focus, #header-navigation-mobile #header-navigation-mobile-menu ul li a:active { background: #fff; font-weight: bold; text-decoration: none; }
#header-navigation-mobile #header-navigation-mobile-menu .sub-menu { display: none; }

@media screen and (max-width: 776px) { .menu-item-has-children > a { background: url(http://www.futurestorm.com.au/_sandbox/andrea_new/wp-content/themes/fs_start_andrea/images/down-arrow.svg) no-repeat right 10px top 20px !important; background-size: 20px !important; display: block; }
  .menu-item-has-children > a:hover, .menu-item-has-children > a:active, .menu-item-has-children > a:focus { background: url(http://www.futurestorm.com.au/_sandbox/andrea_new/wp-content/themes/fs_start_andrea/images/down-arrow.svg) #fff no-repeat right 10px top 20px !important; background-size: 20px !important; display: block; font-weight: bold; } }
/* - - - - - MENU : FOOTER : DESKTOP - - - - - */
#footer-desktop-menu { text-align: center; padding: 10px; }
#footer-desktop-menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer-desktop-menu ul li { display: inline-block; }
#footer-desktop-menu ul li a { padding: 5px 10px; }

#footer-mobile-menu { text-align: center; padding: 10px; }
#footer-mobile-menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer-mobile-menu ul li { display: inline-block; }
#footer-mobile-menu ul li a { padding: 5px 10px; }

/* - - - - - - - - - - RESPONSIVE COMPONENTS - - - - - - - - - - */
/* - - Responsive image - - */
.responsive-image img { width: 100%; height: auto; }

/* - - - - - - - - - - CONTENT STYLES - - - - - - - - - - */
/* - - - - - TYPOGRAPHY - - - - - */
body { font-size: 14px; }

/* - - - - - POST STYLES - - - - - */
.widget-box { padding: 10px 0px; }

.align-center { text-align: center; }

h1.entry-title { margin-top: 0;}

h1.entry-title:before {
	 content:" [ ";
 }
  h1.entry-title:after {
	 content:" ] ";
 }

.postdate{
	font-size: 0.8em;
	color:#bbb;
}

.postcategory{
	font-size: 0.8em;
	color:#bbb;
}

blockquote {
	border: none;
	font-size: 1em;
	color: #8b8b8b;
	padding:10px 30px;
	
}
 blockquote p:before {
	 content:" [ ";
	 letter-spacing: 0.3em;
 }
  blockquote p:after {
	 content:" ] ";
	 letter-spacing: 0.3em;
 }

hr {
	border-radius: 20px;
	border-style: 2px dotted;
	border-width: 1px 0 0;
	height:30px;
	text-align: center;
	margin-bottom: 0;
}

hr::before {
    border-radius: 20px;
    border-style: solid;
    border-width: 0 0 1px;
    content: "";
    display: block;
    height: 30px;
    margin-top: -31px;
    border-color: #eee;
}

hr:after {
	content: '\00222e';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #fff;
	color: #eee;
	font-size: 18px;
	transform:rotate(-50deg);
}

.square_img {
	width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.post-meta-tags { font-size: 0.85em; padding: 5px; }
.post-meta-tags ul { list-style-type: none; line-height: 2.2em; }
.post-meta-tags ul li { display: inline; margin-right: 10px; }
.post-meta-tags ul li a { padding: 3px 10px; background: #cccccc; color: #4d4d4d; border-radius: 10px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
.post-meta-tags ul li a:hover { background: #d9d9d9; text-decoration: none; }
.post-meta-tags ul li a:active { background: #bfbfbf; text-decoration: none; }

.post-thumbnail-caption { padding: 20px 30px; text-align: center; font-size: 1.4em; color: rgba(0, 0, 0, 0.8); font-family: 'Parisienne', cursive; background: url(http://www.futurestorm.com.au/_sandbox/andrea_new/wp-content/themes/fs_start_andrea/images/quotes-open.svg) left 5px top 5px no-repeat, url(http://www.futurestorm.com.au/_sandbox/andrea_new/wp-content/themes/fs_start_andrea/images/quotes-closed.svg) right 5px bottom 5px no-repeat; background-size: 25px; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { margin-top: 10px; }

@media screen and (max-width: 767px) { .post-excerpt, .contact-form { padding-bottom: 40px; } h1.entry-title { margin-top: 30px;}}
.wpfai-list li a span li { color: #000000; font-size: 2.0em; }


.sp-button { border: 1px solid #8d8d8d; }

.sp-selected-button { background: #8d8d8d; }

.portfolio-gallery ul { margin-top: 40px; padding: 0px; text-align: center; }
.portfolio-gallery ul li { display: inline-block; margin: 0px 20px 20px 0px; }