/*
Theme Name: Automotive Controller Academy
Theme URI: http://www.automotiveacademy.com
Description: Custom Responsive WordPress Theme for Automotive Controller Academy. Development by Craig Smith, a Dallas based web designer specilaizing in Custom WordPress Sites.
Author: Craig Smith
Author URI: http://www.webbernaut.com/
Version: 1
*/


/* Colors
Blue 2160e0
*/

@import url("css/foundation.min.css");
@import url("css/font-awesome.min.css");
/*@import url("css/animate.min.css");*/

/* ============Generic Classes=========== */
.clear {clear:both;}
.floatright{float:right;}
.floatleft {float:left;}
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.editentry{width:120px; display:block; clear:both;}
.editentry a{color:#444;}
noscript{width:100%; padding:5px; background:yellow; height:35px; text-align: center; position:absolute; z-index:1000;}

/* Links */
a {color: #2160e0; text-decoration: none;}
a:focus, a:active, a:hover {text-decoration: underline;}
.hr {background-color: #ccc; border: 0; height: 1px; margin: 1.625em 0 0 0; width:100%;}
.full-width{clear:both; width:100%;}
p:empty{display:none;}

.button{background:#2160e0;}

body{font-family: 'Open Sans', sans-serif;}

/* ============Header=========== */
.home #header{color: #fff; background:url(images/header.jpg) no-repeat center center; height:385px; background-size:cover; padding-top:15px;}
#top{border-bottom:1px solid #ccc; padding-bottom:15px;}
#header.header-dark{padding-top:15px;}
#page-header{background:#2160e0; padding:30px 0; font-weight:bold; font-size:24px; color:#fff; margin-bottom:35px;}
.button.join, .button.login, .btn-courses, .btn-register{margin-top:20px !important; border-radius:8px !important;}
.button.join{float:right !important;}
.button.login{background:transparent !important; border: solid 1px #fff !important;}
.header-dark .button.login{background:transparent !important; border: solid 1px #2160e0 !important; color:#2160e0 !important;}
.header-dark .button.login:hover{background:#2160e0 !important; color:#fff !important;}
.btn-courses{background:transparent; border: solid 1px #2160e0;}
.btn-courses, .btn-register{text-transform: uppercase;}
.button:hover{text-decoration:none;}
#calltoaction{text-align:center; padding-top:25px;}
#calltoaction h1{margin:0; padding:0; font-size:2.3rem;}
#calltoaction .fa-chevron-circle-right{margin-left:8px;}

.blue{color:#2160e0;}

/* ============Menus=========== */
#menubtn{display:none;}
#access {margin-top:15px;}
#access ul {font-size: 16px; list-style: none; padding:0; margin:0;}
#access li {float: left; position: relative;}
#access a {color: #fff; display: block; line-height: 3.333em; padding: 0 0.65em; text-decoration: none;}
#access.header-dark a {color: #444 !important; display: block; line-height: 3.333em; padding: 0 0 0 0.8em; text-decoration: none;}
#access ul ul {padding-left:0;display: none;float: left;margin: 0;position: absolute;top: 3.333em;left: 0;width: 188px;z-index: 99999;}
#access ul ul ul {left: 100%;top: 0;}
#access ul ul a {background: #f9f9f9;border-bottom: 1px dotted #ddd;color: #444;font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width: 168px;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {color:#2160e0;}
#access li:hover > a, #access a:focus {color:#2160e0;}
#access ul li:hover > ul {display: block;}
#access .current_page_item > a, #access .current_page_ancestor > a {color:#2160e0;}

/* =========== Home ============*/
.home .entry .row{padding:45px 0;}
.home .entry .row:first-of-type{padding:10px 0;}
.home .entry li{list-style: none; padding-top:15px;}
.home .entry li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -18px;
    color: #2160e0;
}

/* ============Content=========== */
#upcoming{clear:both; width:100%; background:#efefed; padding:25px 0;}
#upcoming p{margin:0; padding:0;}
#upcoming .fa{font-size:55px; vertical-align: bottom; margin-right:25px; color:#818181; float:left;}
#event-heading{margin-bottom:45px;}
.upcoming-heading{font-size:24px; text-transform: uppercase; font-weight:bold; color:#818181;}
#upcoming .upcoming-heading em{float:left; font-weight:bold; font-size:14px; text-transform: none; color:#444;}
#event-td{padding:10px 0 30px 0; margin-bottom:15px; border-bottom:1px solid #444; display:block; clear:both;}
#event-td .columns{padding:0;}
.mini-register{color:#444; border:solid 1px #444; border-radius:8px; padding:4px 8px; font-size:12px;}
.mini-register:hover{text-decoration:none; color:#818181;}
.woocommerce div.product .woocommerce-tabs .panel{margin-top:15px;}
.panel, .tabs{background:transparent; border:0;}
.additional_information_tab{display:none !important;}

#latest-blog{padding:45px 0;}
#latest-blog h4{text-align:center; margin-bottom:35px;}
#latest-blog img{display:block; margin-bottom:15px;}

/* ============Sidebar=========== */
#s{width:85%; float:left; height:35px;}
#searchsubmit{width:15%; float:left; height:35px;}
.widget-title {color: #000; font-weight: 300; font-size: 18px;}
#sidebar{margin-top:5px;}
#sidebar h3, h3.widget-title {color: #000;}
.widget-container {margin: 0px 0 20px 0; padding-bottom: 20px;}
.widget-area a:active, .widget-area a:hover {text-decoration: none; color: #000;}
.widget_search {border-bottom:none;}

/* ============Blog=========== */
#nav-below{margin:25px 0;}
.nav-previous{float:left;}
.nav-next{float:right;}
.entry h2 a{display: block; font-size: 2rem;}
.entry-meta-single{margin:20px 0; display:block;}
.entry-meta{margin-bottom:15px; display:block;}

/* ============Footer=========== */
#footer{background:#444; padding:25px 0; color:#fff; clear:both;}
#footer a{color:#fff;}
#toplink{font-size:25px; font-weight:bold; line-height: 23px; text-align:center; background:#2160e0; padding:15px; height:55px; width:55px; border-radius: 50%; position:fixed; bottom:100px; right:10px; cursor: pointer; display: none;}
.copyright{text-align:center; font-size:12px; margin-top:25px;}
.credits, #footer .credits a{color:#666;}
.footer-widget-title{font-weight:bold;}

/* ============Comments=========== */
#commentform input{margin-bottom:5px;}
#commentform input[type=submit]{margin-top:10px;}
.avatar{float:left; margin-right:5px;}
.comment-meta{clear:both;}
.comment-list{padding-left:10px;}
h3#reply-title {margin: 10px 0;}
h3#comments-title, h3#reply-title {color: #000; font-size: 20px; margin-bottom: 5px; margin-top:30px; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 300; text-align: left;}
#respond {margin:0 0 25px 0; overflow: hidden; position: relative;}
#respond label {color: #A7A9AC;font-size: 14px;font-family: 'Lato', sans-serif; font-weight: 300;}

/*
Woocoomerce style over rides
 */
figure{margin:0;} /*foundation over ride*/
.woocommerce-breadcrumb{display:none;}
.woocommerce div.product .product_title{font-size:1.6rem;}
 .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
     background: #2160e0 !important;
     background-color: #2160e0 !important;
     color:white !important;
     text-shadow: transparent !important;
     box-shadow: none;
     border-color:none;
 }

  .wpcf7-submit:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
     background: #2160e0 !important;
     background-color: #2160e0 !important;
     color:white !important;
     text-shadow: transparent !important;
     box-shadow: none;
     border-color:none;
 }

 .wpcf7-submit, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
     background: #2160e0 !important;
     color:white !important;
     text-shadow: transparent !important;
     border-color:none;
     border:none;
 }

 .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
     background: #2160e0 !important;
     box-shadow: none;
     text-shadow: transparent !important;
     color:white !important;
     border-color:none;
 }

.custom-attributes li{
    list-style: none;
}

.custom-attributes, .custom-attributes li{margin:0; padding:0; text-transform: uppercase;}

.blog .entry{margin-bottom:25px;}

.flexme {
    display:flex;
    gap: 10px;
}

/*=============>>MOBILE<<=============*/
@media only screen and (max-width:668px){
    .home #header {height:auto;}
    .flexme {display:block;}
    .flexme .flexme {display: inline-flex;}
    #menubtn{display: block; border-bottom:solid 1px #2160e0; padding: 10px; text-align: center;}
    #access {width: 100%; position: relative; background:#2160e0; border-bottom: 0; border-radius:8px;}
    #access ul {display: none; background:#000; z-index:1001;}
    #access li {position:relative; line-height:40px; width:100%; border-bottom:1px solid #555;}
    #access a {color: #fff; display: block; text-align: center; text-decoration: none; font-size:16px;}
    #access li > .children{background:url(../images/dropdown.png) no-repeat right center;}
    #access ul ul{width:100%; position:relative; float:none;}
    #access ul li ul li{display: block; position:relative; text-align:center; line-height:40px; width:100%;}
    #access ul ul a{text-align: center; width:100%; font-size:18px; text-transform: none; background:#7C2B36;}

    #logo{display: block; text-align: center; margin: 0 auto; float:none;}
    #event-td{display:none;}
    #latest-blog .columns{margin-bottom:25px;}
    #footer img{display:block; margin:0 auto; text-align:center; float:none !important; margin-top:10px;}
}

@media only screen and (min-width:669px) and (max-width:767px){
		#access a {font-size:14px;}
		#access ul ul a{font-size:14px;}
}

#search-2 {
  list-style: none;
}