/*
Theme Name: Isidoros
Text Domain: Isidoros
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Theme for AGIOS ISIDIROS SOCIETY BRISBANE designed and developed by Optimised Digital.
Author: the Optimised team
Author URI: https://optimiseddigital.com.au/
Theme URI: https://optimiseddigital.com.au/
*/

/* == If wordpress enabled == */
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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
hr{background-color:#eaeaea;background-color:rgba(51,51,51,0.1);border:0;height:1px;margin-bottom:1.6em}
ul,ol{margin:0 0 1.6em 1.3333em}	
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0}
dl{margin-bottom:1.6em}
dt{font-weight:700}
dd{margin-bottom:1.6em}
table,th,td{border:1px solid #eaeaea;border:1px solid rgba(51,51,51,0.1)}
table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.6em;table-layout:fixed;width:100%}
caption,th,td{font-weight:400;text-align:left}
th{border-width:0 1px 1px 0;font-weight:700}
td{border-width:0 1px 1px 0}
th,td{padding:.4em}
img{-ms-interpolation-mode:bicubic;border:0;height:auto;max-width:100%;vertical-align:middle}
figure{margin:0}
del{opacity:.8}
::-webkit-input-placeholder{color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif}
:-moz-placeholder{color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif}
::-moz-placeholder{color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif;opacity:1}
:-ms-input-placeholder{color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif}
.alignleft{display:inline;float:left}
.alignright{display:inline;float:right} 
.aligncenter{display:block;margin-right:auto;margin-left:auto}
blockquote.alignleft,.wp-caption.alignleft,img.alignleft{margin:.4em 1.6em 1.6em 0}
blockquote.alignright,.wp-caption.alignright,img.alignright{margin:.4em 0 1.6em 1.6em}
blockquote.aligncenter,.wp-caption.aligncenter,img.aligncenter{clear:both;margin-top:.4em;margin-bottom:1.6em}
.wp-caption.alignleft,.wp-caption.alignright,.wp-caption.aligncenter{margin-bottom:1.2em}
.format-aside .entry-title,.format-image .entry-title,.format-video .entry-title,.format-quote .entry-title,.format-gallery .entry-title,.format-status .entry-title,.format-link .entry-title,.format-audio .entry-title,.format-chat .entry-title{font-size:18px;font-size:1.8rem;line-height:1.3333;margin-bottom:1.3333em}
.format-link .entry-title a:after{content:"\f442";font-size:24px;height:24px;position:relative;top:0;width:24px}
.blog .format-status .entry-title,.archive .format-status .entry-title{display:none}
.comments-area{background-color:#fff;border-top:1px solid #eaeaea;border-top:1px solid rgba(51,51,51,0.1);padding:7.6923%}
.comments-area > :last-child{margin-bottom:0}
.comment-list + .comment-respond{border-top:1px solid #eaeaea;border-top:1px solid rgba(51,51,51,0.1)}
.comment-list + .comment-respond,.comment-navigation + .comment-respond{padding-top:1.6em}
.comments-title,.comment-reply-title{font-family:"Noto Serif",serif;font-size:18px;font-size:1.8rem;line-height:1.3333}
.comments-title{margin-bottom:1.3333em}
.comment-list{list-style:none;margin:0}
.comment-list article,.comment-list .pingback,.comment-list .trackback{border-top:1px solid #eaeaea;border-top:1px solid rgba(51,51,51,0.1);padding:1.6em 0}
.comment-list .children{list-style:none;margin:0}
.comment-list .children > li{padding-left:.8em}
.comment-author{color:#707070;color:rgba(51,51,51,0.7);margin-bottom:.4em}
.comment-author a:hover{border-bottom:1px solid #707070;border-bottom:1px solid rgba(51,51,51,0.7)}
.comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}
.bypostauthor > article .fn:after{content:"\f304";position:relative;top:5px;left:3px}
.comment-metadata,.pingback .edit-link{color:#707070;color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif;font-size:12px;font-size:1.2rem;line-height:1.5}
.comment-metadata a,.pingback .edit-link a{color:#707070;color:rgba(51,51,51,0.7)}
.comment-metadata a:hover,.pingback .edit-link a:hover{border-bottom:1px solid #333}
.comment-metadata a:hover,.comment-metadata a:focus,.pingback .edit-link a:hover,.pingback .edit-link a:focus{color:#333}
.comment-metadata{margin-bottom:1.6em}
.comment-metadata .edit-link{margin-left:1em}
.pingback .edit-link{margin-left:1em}
.pingback .edit-link:before{top:5px}
.comment-content ul,.comment-content ol{margin:0 0 1.6em 1.3333em}
.comment-content li > ul,.comment-content li > ol{margin-bottom:0}
.comment-content > :last-child{margin-bottom:0}
.comment-list .reply{font-size:12px;font-size:1.2rem}
.comment-list .reply a{border:1px solid #eaeaea;border:1px solid rgba(51,51,51,0.1);color:#707070;color:rgba(51,51,51,0.7);display:inline-block;font-family:"Noto Sans",sans-serif;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}
.comment-list .reply a:hover,.comment-list .reply a:focus{border-color:#333;color:#333;outline:0}
.comment-form{padding-top:1.6em}
.comment-form label{color:#707070;color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif;font-size:12px;font-size:1.2rem;font-weight:700;display:block;letter-spacing:.04em;line-height:1.5;text-transform:uppercase}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form input[type="submit"]{width:100%}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{color:#707070;color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif;font-size:12px;font-size:1.2rem;line-height:1.5;margin-bottom:2em}
.logged-in-as a:hover{border-bottom:1px solid #333}
.no-comments{border-top:1px solid #eaeaea;border-top:1px solid rgba(51,51,51,0.1);color:#707070;color:rgba(51,51,51,0.7);font-family:"Noto Sans",sans-serif;font-weight:700;padding-top:1.6em}
.comment-navigation + .no-comments{border-top:0}
.form-allowed-tags code{font-family:Inconsolata,monospace}
.form-submit{margin-bottom:0}
.required{color:#c0392b}
.comment-reply-title small{font-size:100%}
.comment-reply-title small a{border:0;float:right;height:32px;overflow:hidden;width:26px}
.comment-reply-title small a:before{content:"\f405";font-size:32px;position:relative;top:-3px}
.comment-form #wp-comment-cookies-consent{margin:0 10px 0 0}
.comment-form .comment-form-cookies-consent label{display:inline;font-size:12px;font-size:1.2rem;font-weight:400;letter-spacing:0;text-transform:none}
/* == End If wordpress enabled == */
*{margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box;}
body{font-family: 'Source Sans Pro', sans-serif; color: #333;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat'; font-weight: 600;}

/* == Common == */
.w-100{width: 100%; float: left;}
.container{margin: 0 auto; max-width: 1170px; padding: 0 15px;}
a, a:visited, a:link{color: #0072bc; text-decoration: none;}
a:hover,a:active,a:focus{color: #0064a5}

/* == Isidoros == */
body, html {height: 100%;}
body{background: #0758B7; color: #fff; position: relative;}
img.church-img {position: absolute; left: 0; bottom: 0; max-height: 100%; padding-top: 30px;}
.welcome-wrapper {display: table; height: 100%; width: 100%;}
.inner-welcome-wrapper {display: table-cell; vertical-align: middle; position: relative; z-index: 9; text-align: center;}
.content-welcome{display: inline-block; padding: 50px; right: -120px; position: relative; /* background: rgba(7, 88, 183, .5); */ }
.content-welcome h1{font-size: 66px; font-weight: 700; margin:0 0 50px;}
.content-welcome img{max-width: 700;}
.site-loader {position: fixed; z-index: 999999; width: 100%; height: 100%;  background: #0758B7; left: 34%;}
.site-loader .inner-site-loader {background: #0758B7; position: absolute; width: 200px; height: 200px; background-size: 100% auto; left: 50%; top: 50%; border-radius: 50%; margin-left: -100px; margin-top: -100px;}
.animated-elements{}

@media (max-width: 1649px) {
    .site-loader{left: 0;}
}

@media (max-width: 1549px) {
	img.church-img{max-width: 470px;}
	.content-welcome h1 {font-size: 55px;}
	.content-welcome img {max-width: 550px;}
	.site-loader{left: 0;}
}

@media (max-width: 1199px) {
	.content-welcome h1 {font-size: 45px; margin: 0 0 30px;}
	.content-welcome img {max-width: 450px;}
	img.church-img {max-width: 400px;}
	
}

@media (max-width: 991px) {
	.content-welcome {padding: 30px; left: 0;}
	.animated-elements {background: rgba(0, 0, 0, .63); padding: 30px;}
	.content-welcome img{width: 100%;}
	
}
@media (max-width: 767px) {
	.content-welcome h1 {font-size: 32px;}
}