/*
Theme Name: Noetica
Theme URI: https://noetica.tv
Version: 1.0
-------------------------------------------------------------- */


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
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}
audio,canvas,video {
    display:inline-block;
    max-width:100%
}
html {
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;;
}
body,button,input,select,textarea {
    color:#333;
    font-family: 'PT Serif', serif;
    line-height:1.5;  
}

body {
    background:#FFF;
    -webkit-font-smoothing: subpixel-antialiased;
}
a {
    color:#FFF;
    text-decoration:none
}
a:focus {
    outline:thin dotted
}
a:hover,a:active {
    outline:0
}
a:active,a:hover {
    color: #FFF;
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Playfair Display', serif;
}
h1 {
    font-size: 44px;
    line-height:1.3846153846;
    
}
h2 {
    font-size: 28px;
    line-height:1.2;
    font-weight:400;
}
h3 {
    font-size:22px;
    line-height:1.0909090909;
}
h4 {
    font-size:20px;
    line-height:1.2
}
h5 {
    font-size:18px;
    line-height:1.3333333333
}
h6 {
    font-size:16px;
    line-height:1.5
}
address {
    font-style:italic;
    margin-bottom:24px
}
abbr[title] {
    border-bottom:1px dotted #2b2b2b;
    cursor:help
}
b,strong {
    font-weight:700
}
cite,dfn,em,i {
    font-style:italic
}
/*mark,ins {
    background:#fff9c0;
    text-decoration:none
}*/
p {
    margin-bottom: 10px;
}
code,kbd,tt,var,samp,pre {
    font-family:monospace,serif;
    font-size:15px;
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    line-height:1.6
}
pre {
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:24px;
    max-width:100%;
    overflow:auto;
    padding:12px;
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
blockquote,q {
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
    content:"";
    content:none
}
blockquote {
    /*color:#767676;
    font-size:19px;
    font-style:italic;*/
    /*line-height:1.2631578947;*/
	font-weight:300;
}
blockquote cite,blockquote small {
    /*color:#2b2b2b;
    font-size:16px;
    font-weight:400;
    line-height:1.5*/
}
blockquote em,blockquote i,blockquote cite {
    font-style:normal
}
blockquote strong,blockquote b {
    font-weight:400
}
small {
    font-size:smaller
}
big {
    font-size:125%
}
sup,sub {
    font-size:75%;
    height:0;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    bottom:1ex
}
sub {
    top:.5ex
}
dl {
    margin-bottom:24px
}
dt {
    font-weight:700
}
dd {
    margin-bottom:24px
}
ul,ol {
	margin:0 0 24px 8px
}
ul {
    list-style:disc
}
ol {
    list-style:decimal
}
li > ul,li > ol {
    margin:0 0 0 8px
}
img {
    -ms-interpolation-mode:bicubic;
    border:0;
    vertical-align:middle;
    max-width:100%
}
figure {
    margin:0
}
fieldset {
    border:1px solid rgba(0,0,0,0.1);
    margin:0 0 24px;
    padding:11px 12px 0
}
legend {
    white-space:normal
}
button,input,select,textarea {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:100%;
    margin:0;
    max-width:100%;
    vertical-align:baseline
}
button,input {
    line-height:normal
}
/*input,textarea {
    background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))
/* Removing the inner shadow, rounded corners on iOS inputs *!/
}*/
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],input[disabled] {
    cursor:default
}
input[type="checkbox"],input[type="radio"] {
    padding:0;
    margin-right: 10px;
}
input[type="search"] {
    -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
textarea {
    overflow:auto;
    vertical-align:top
}
table,th,td {
    /*border:1px solid rgba(0,0,0,0.1)*/
}
table {
    border-collapse:separate;
    border-spacing:0;
    /*border-width:1px 0 0 1px;*/
    margin-bottom:24px;
    width:100%
}
table.posts tr:nth-child(odd) { background-color: #edebe3;}
table.posts tr:nth-child(even) { background-color: transparent;
}
table.posts td {
	padding: 5px 0;
	width: 50%;
	font-size: 14px;
}
table.schedule tr:nth-child(even) { background-color: #edebe3;}
table.schedule td { padding: 5px 20px;}

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
}
hr {
    background-color:rgba(0,0,0,0.1);
    border:0;
    height:1px;
    margin-bottom:23px
}
/* Input fields */
input,textarea {
/*border:1px solid rgba(0,0,0,0.1);
    border-radius:2px;
    color:#2b2b2b;
    padding:8px 10px 7px*/
}
textarea {
    width:100%
}
input:focus,textarea:focus {
/*border:1px solid rgba(0,0,0,0.3);*/
    outline:0
}
/* Alignment */
.alignleft {
    float: left;
    margin-right: 20px;
}
a img.alignleft, img.alignleft, .wp-caption.alignleft img {
    margin: 0 20px 10px 0;
    border: 1px solid #DDD;
    padding: 3px;
}
.alignright {
    float: right;
    margin-left: 20px;
}
a img.alignright, img.alignright, .wp-caption.alignright img {
    margin:0 0 10px 20px;
    border: 1px solid #DDD;
    padding: 3px;
}

.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto; 
    margin-bottom: 10px;  
    border: 1px solid #DDD;
    padding: 3px; 
}

.hide {
    display:none
}
.clear {
    clear:both
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}

#site-container {
    background-color:#FFF;
    max-width: 100%;
    position:relative;
    margin:0 auto;
    padding:0;
}

#header-main {
    padding:0;
    display:block;
    width: 980px;
	padding-bottom: 10px;
	
}
#site-header {
    max-width: 100%;
    position:relative;
    width: 980px;
    z-index:4;
    margin:0 auto;
    clear:both;
}


#site-title a, #site-title a:hover {
    color:#fff;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

#site-title {
    width: 980px;
    margin-bottom: 15px;
    margin: 0 auto;
    z-index: 200;
    position: relative;
}
#site-title h3 {
    margin: 25px 0 0 25px;
	float: left;
	font-style: italic;
}
.logo {
	width: 250px;
	height: auto;
	float: left;
}

.auto {
    margin: 0 auto;
    width: 700px;
	text-align: center;
}


#site-footer {
	width: 980px;
    padding: 15px;
    margin: 0 auto;
	background-color: #4575a3;
	color: #FFF;
	text-align: center;
}
#site-footer .name {
    width: 490px;
    font-size: 16px;
	float: left;
}
#site-footer .email {
    width: 490px;
    font-size: 16px;
	float: right;
}


/**

 * 6.0 Content

 * -----------------------------------------------------------------------------

 */
#content-area {
    float: left;
    width: 100%;
    font-weight: 300;
	margin-top: 40px;
}
#content-area h2 {
    color: #4475a3;
	padding: 20px 0 10px 0;
}



@media only screen and (max-width : 979px) {
.auto {
    width: 90%;
    margin: 0 5%;
}
.desktop {
	display: none;
}
.mobile {
	display: block;
}

#site-container {
    margin-top: 0px;
}
.logo {
	float: none;
	margin: 0 auto;
}
#site-title {
    float: none;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 20px;
}
#site-title h3 {
    margin: 25px 5px 0 5px;
	float: none;
	text-align: center;
}
#site-footer {
    width: 90%;
}
#site-footer .name {
    width: 100%;
    font-size: 16px;
	float: none;
}
#site-footer .email {
    width: 100%;
    font-size: 16px;
	float: none;
}
}	









@media only screen and (max-width : 500px) {

#site-title {
    width: 90%;
}
}


@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

}