/*
Theme Name: Charles Koegel Custom Theme
Theme URI: https://tandemdesignlab.com
Author: Tandem Design Lab
Author URI: https://tandemdesignlab.com
Description: Custom Theme for Charles Koegel
Version: 2.0.1
License: none
Tags:
*/

/****************************************************************** structure */
body{padding: 0; margin: 0; line-height: 18px; background-color: #FFF; color: #6C6969; font-family: arial, helvetica, geneva, sans-serif; overflow-y: hidden;}
#wrapper{}
.container{width: 1100px; margin: 0 auto;}
#credit, #copy{text-align:center;font-size: .9em;padding: 4px 0;margin: 0;}
a, a:hover{color: #B5AEAE; text-decoration: none;}
h1, h2, strong { color: #6C6969;}
h3 { color: #6C6969;}
.pageTitle { text-transform: capitalize !important; font-weight: 100; font-size: 1em;}
body.page-id-22{overflow: auto !important;}

.error404 #content { text-align: center; margin-top: 200px;}

/****************************************************************** general styles */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear{clear:both;}
.alignleft{float:left; padding: 10px 10px 10px 0;}
.alignright{float:right; padding: 10px 0px 10px 10px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
#wrapper li{list-style:none;}
#wrapper .content li{list-style: square;}
#sidebar{}
#mainContent{}

.mainColor{color: #000;}


/* Content */


/* Menu Main */
#menu-main { background-color: #B5AEAE; margin: 0; padding: 5px 0 5px 10px;;}
#menu-main  li{ display: inline-block; font-size: 13px; font-weight: bold; letter-spacing: 1px;}
#menu-main li a { color: #FFF;}
#menu-main li a:after { content: '/'; display: inline-block; color: #FFF; padding-left: 5px;}
#menu-main li:last-of-type a:after { content: '';}
#menu-main li.current-menu-item a{ color: #FFF; text-decoration: none;}
#menu-main li a:hover { color: black; text-decoration: none;}

/* Logo */
.home .logo img{ position: absolute; width: 289px ; height: 264px; top: 60px;}


/****************************************************************** page specific */

/* Video */
/* .page-id-18 iframe { top: 0; bottom: 0; left: 0; right: 0; position: absolute; margin: auto;} */
.page-id-18 { overflow-y: scroll;}
.page-id-18 #content { margin-top: 120px; margin-bottom: 40px; width: 500px; margin-left: auto; margin-right: auto; }
.page-id-18 iframe { margin-bottom: 20px; display: inline-block; width: 500px; height: 375px;}

/* Info */
.contact {font-size: 25px; font-weight: lighter; line-height: 30px;}
.indent{margin-right: 56px;}
.page-id-22 a:link { color: #6C6969; text-decoration: none;}
.page-id-22 a:visited { color: #6C6969; text-decoration: none;}
.page-id-22 a:hover { color: #6C6969; text-decoration: none;}
.page-id-22 #content{ width: 820px; margin-left: auto; margin-right: auto; margin-top: 120px; padding-bottom: 4em; }
.page-id-22 #primary{ font-size: 13px; line-height: 13px;}
.tablepress tbody td{border: 0px !important;padding: 2px !important; color: #6C6969 !important;}
.tablepress tbody td strong{display: block; padding-top: 13px;}


@media all and (max-width: 900px)  {
.page-id-22 #content{width: 100%;}
}

@media all and (max-width: 1160px)  {
.container{width: 90%; padding: 0 5%;}

}


@media all and (max-width: 910px)  {
.page-id-22 #content{width: 90%; margin: 0 5%;}

}
@media all and (max-width: 700px)  {
.page-id-18 #content { width: 90%;}
.page-id-18 iframe { width: 100%;}
.page-id-22 {font-size: 11px;line-height: 14px;}
.page-id-22 .contact{font-size: 20px;}

}

@media all and (max-width: 500px)  {
.page-id-22 {font-size:9px;line-height: 12px}
}

@media all and (max-width: 430px)  {
.page-id-22 {font-size: 8px;line-height: 11px}
}