/*
Theme Name: Autism College Simple
Theme URI: http://autismcollege.com/
Author: Christopher Johnson (pkchrisjohnson@gmail.com)
Author URI: http://creationsbychris.net/
Description: Version 2 of the Autism College theme.
Version: 2.0
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values are based on an font size of 10px to make the
math easier.
---------- Further reading
http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
*/
/* =Reset
-------------------------------------------------------------- */
/*
YUI 3.7.3 (build 5687)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* =Global
-------------------------------------------------------------- */
/* Clearing floats */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/* Set box sizing (breaks IE7) */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Global Font sizing */
html {
font-size: 10px; /* setup our global font size */
}
body {
font-size: 1.6rem;
}
/* Tag Styles */
html, body {
font-family: "Open Sans", sans-serif;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a:link, a:visited, a:hover, a:active {
color: #1B81DF;
text-decoration: none;
}
a:link {
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
a:hover {
text-decoration: underline;
}
a:active,
a:not(.social-link):active img {
opacity: .8;
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-o-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
/* Form Styles go here */
a.button {
display:inline-block;
}
#wrapper button,
a.button,
#wrapper input[type="submit"],
#wrapper input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button
{
background-color: rgba(86,133,202,.9) !important; /* default is blue */
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%) !important; /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))) !important; /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%) !important; /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%) !important; /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%) !important; /* IE10+ */
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%) !important; /* W3C */
border: 2px solid rgba(0,0,0,.1) !important;
border-radius: 3px !important;
color: #fff !important;
cursor: pointer !important;
font-size: 20px !important;
font-size: 2rem !important;
height: 50px !important;
height: 5rem !important;
line-height: 48px !important;
line-height: 4.8rem !important;
padding: 0 20px !important;
padding: 0 2rem !important;
text-shadow: 2px 2px 2px rgba(0,0,0,.1) !important;
}
#wrapper button:hover,
a.button:hover,
#wrapper input[type="submit"]:hover,
#wrapper input[type="button"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover
{
background-color: rgba(86,133,202,1) !important;
border: 2px solid rgba(0,0,0,.2) !important;
}
#wrapper button:active,
a.button:active,
#wrapper input[type="submit"]:active,
#wrapper input[type="button"]:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce #content input.button:active,
.woocommerce-page a.button:active,
.woocommerce-page button.button:active,
.woocommerce-page input.button:active,
.woocommerce-page #respond input#submit:active,
.woocommerce-page #content input.button:active
{
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0))) !important; /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%) !important; /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%) !important; /* IE10+ */
background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%) !important; /* W3C */
color: rgba(255,255,255,.8) !important;
text-shadow: -2px -2px 2px rgba(0,0,0,.1) !important;
}
#wrapper button.orange,
a.button.orange,
.bg-blue input[type="submit"],
.bg-blue input[type="button"],
.woocommerce-cart #wrapper input.checkout-button
{
background-color: rgba(225,122,0,.9) !important;
}
#wrapper button.orange:hover,
a.button.orange:hover,
#wrapper .bg-blue input[type="submit"]:hover,
#wrapper .bg-blue input[type="button"]:hover,
.woocommerce-cart #wrapper input.checkout-button:hover
{
background-color: rgba(225,122,0,1) !important;
}
#wrapper input[type=text],
#wrapper input[type=email],
#wrapper input[type=password],
#wrapper textarea {
border: 1px solid #CCC;
padding: .5em;
}
#wrapper input[type=text]:focus,
#wrapper input[type=email]:focus,
#wrapper input[type=password]:focus,
#wrapper textarea:focus
{
border: 1px solid #86A7DE;
box-shadow: inset 0 2px 2px rgba(0,0,0,.1);
}
#wrapper .woocommerce-invalid-required-field input[type="text"] {
outline: 2px solid #900;
}
#wrapper .email-form input[type="text"],
#wrapper .email-form input[type="email"]
{
background: #86A7DE;
border: none;
border-bottom: 4px solid #B9CCED;
box-shadow: inset 0 2px 2px rgba(0,0,0,.3);
font-size: 30px;
font-size: 3rem;
line-height: 55px;
min-height: 55px;
/*min-width: 500px;*/
padding: 5px 10px;
}
#wrapper .email-form input[type="text"]:focus,
#wrapper .email-form input[type="email"]:focus
{
background-color: rgba(255,255,255,.8);
border-bottom: 4px solid transparent;
box-shadow: 0 0 10px rgba(0,0,0,.2);
outline:none;
}
.email-form input::-webkit-input-placeholder {
color: rgba(255,255,255,.4);
}
.email-form input:-moz-placeholder { /* Firefox 18- */
color: rgba(255,255,255,.4);
}
.email-form input::-moz-placeholder { /* Firefox 19+ */
color: rgba(255,255,255,.4);
}
.email-form input:-ms-input-placeholder {
color: rgba(255,255,255,.4);
}
/* Woocommerce Form/Button Styles */
.woocommerce #wrapper input[type="button"],
.woocommerce #wrapper input[type="submit"],
.woocommerce #wrapper button[type="submit"],
.woocommerce #wrapper button,
.woocommerce #wrapper .add_to_cart_button,
.woocommerce #wrapper .product_type_external,
.woocommerce-cart #wrapper .button
{
font-size: 14px !important;
font-size: 1.4rem !important;
height: 30px !important;
height: 3rem !important;
line-height: 28px !important;
line-height: 2.8rem !important;
padding: 0 10px !important;
padding: 0 1rem !important
}
.woocommerce #wrapper .quantity input[type="button"],
.woocommerce-cart #wrapper .quantity input[type="button"]
{
font-size: 12px !important;
padding: 0 !important;
line-height: 12px !important;
height: 50% !important;
}
.woocommerce #wrapper .quantity input[type="number"]
.woocommerce-cart #wrapper .quantity input[type="number"]
{
height: 30px !important;
height: 3rem !important;
}
.woocommerce-cart td.actions,
.woocommerce-cart thead tr
{
background: rgba(0,0,0,.05);
}
.woocommerce-cart .cart_totals table {
float: right;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text
{
min-width: 200px;
min-width: 20rem;
}
.cart_totals table {
width: 100%;
}
.cart_totals h2 {
display: none;
}
.cart_totals .total strong {
font-size: 24px;
font-weight: 100;
}
#wrapper .shipping-calculator-form input[type="text"] {
background: #fff;
border-bottom: 1px solid #CCC;
font-size: 13px;
font-size: 1.3rem;
min-height: 16px;
min-height: 1.6rem;
line-height: 16px;
line-height: 1.6rem;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
margin-top: 10px !important;
}
.shipping-calculator-form ::-webkit-input-placeholder {
color: rgba(0,0,0,.4);
}
.shipping-calculator-form :-moz-placeholder { /* Firefox 18- */
color: rgba(0,0,0,.4);
}
.shipping-calculator-form ::-moz-placeholder { /* Firefox 19+ */
color: rgba(0,0,0,.4);
}
.shipping-calculator-form :-ms-input-placeholder {
color: rgba(0,0,0,.4);
}
ul#shipping_method li {
text-align: right;
}
#primary-content .shipping_calculator h2 {
font-size: 16px;
}
#primary-content p.form-row {
clear:none;
}
#primary-content p#order_comments_field {
clear: both;
}
.woocommerce .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce .woocommerce-page form .form-row.woocommerce-validated input.input-text, .woocommerce-page .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce-page .woocommerce-page form .form-row.woocommerce-validated input.input-text {
background-repeat: no-repeat;
background-position: 95% center;
}
/* Global Classes */
.bg-white {background: #FFF;}
.bg-blue {background: #5A87C6;}
.bg-orange {background: #DF7A1C;}
/* =Image Sprite
-------------------------------------------------------------- */
.ac-assets{ background:url("images/ac-assets.png") top left no-repeat; }
.fwsprite-desktop-logo-2x{ width:424px; height:90px; background-position:-10px -10px; }
.fwsprite-mobile-logo-2x{ width:330px; height:70px; background-position:-10px -110px; }
.fwsprite-social-gplus-hover-2x{ width:60px; height:60px; background-position:-350px -110px; }
.fwsprite-social-tw-hover-2x{ width:60px; height:60px; background-position:-10px -190px; }
.fwsprite-social-fb-hover-2x{ width:60px; height:60px; background-position:-80px -190px; }
.fwsprite-social-fb-default-2x{ width:60px; height:60px; background-position:-150px -190px; }
.fwsprite-social-tw-default-2x{ width:60px; height:60px; background-position:-220px -190px; }
.fwsprite-social-gplus-default-2x{ width:60px; height:60px; background-position:-290px -190px; }
.fwsprite-desktop-logo{ width:212px; height:45px; background-position:-10px -260px; }
.fwsprite-mobile-logo{ width:165px; height:35px; background-position:-232px -260px; }
.fwsprite-social-fb-hover{ width:30px; height:30px; background-position:-360px -190px; }
.fwsprite-social-tw-hover{ width:30px; height:30px; background-position:-400px -190px; }
.fwsprite-social-gplus-default{ width:30px; height:30px; background-position:-10px -315px; }
.fwsprite-social-tw-default{ width:30px; height:30px; background-position:-50px -315px; }
.fwsprite-social-fb-default{ width:30px; height:30px; background-position:-90px -315px; }
.fwsprite-social-gplus-hover{ width:30px; height:30px; background-position:-130px -315px; }
/* Reminder: This content needs to be integrated into the selected state if changed */
.fwsprite-nubbin-2x{ width:39px; height:20px; background-position:-170px -315px; }
.fwsprite-nubbin{ width:19px; height:10px; background-position:-407px -260px; }
/* =Text Styles
-------------------------------------------------------------- */
/* Headers (Desktop) */
.ac-h1,
.ac-h2,
.ac-h2-light,
.ac-h2-fat,
.ac-h3,
.ac-h4,
.ac-h5,
.ac-h6,
.product_title
{
color: #222;
font-family: 'Open Sans', sans-serif;
line-height: 1.5em;
}
.ac-h1,
.post .article-body h1,
.type-page .article-body h1
{
font-size: 36px;
font-size: 3.6rem;
font-weight: 600;
}
.ac-h2,
.ac-h2-light,
.post .article-body h2,
.type-page .article-body h2,
.page-title {
font-size: 30px;
font-size: 3rem;
font-weight: 600;
}
.ac-h2-light { font-weight: 300;}
.ac-h2-fat {
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
text-transform: lowercase;
}
.bg-blue .ac-h2-fat,
.bg-orange .ac-h2-fat
{
color: #fff;
}
.ac-h3,
.post .article-body h3,
.type-page .article-body h3,
.product_title
{
font-size: 25px;
font-size: 2.5rem;
font-weight: 600;
}
.ac-h4,
.post .article-body h4,
.type-page .article-body h4,
#primary-content h2
{
font-size: 20px;
font-size: 2rem;
}
.ac-h5,
.post .article-body h5,
.type-page .article-body h5,
#primary-content h3
{
font: 700 16px 'Open Sans Condensed', sans-serif;
font: 700 1.6rem 'Open Sans Condensed', sans-serif;
}
.ac-h6,
.post .article-body h6,
.type-page .article-body h6,
.woocommerce-result-count {
font-size: 13px;
font-size: 1.3rem;
}
.ac-h1-alt {
font-size: 30px;
font-size: 3rem;
font-weight: 100;
text-transform: uppercase;
}
/* Post and page styles (desktop) */
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6,
#primary-content h1,
#primary-content h2
{
margin-bottom: 1.5rem;
}
.post-title {
margin-bottom: 1rem;
}
.post-title a {
color: #222;
}
.post-title a:hover,
.post-header-meta a:hover {
color: #5a87c6;
text-decoration: none;
}
.post-header-meta a {
color: #777;
}
.post a:not(.wp-img-link),
.type-page a:not(.wp-img-link)
{
/* We need the pseudo class in order to not break image links */
display: inline-block;
}
.post p,
.post ol,
.post ul,
.post dl,
.homepage-block ul,
.homepage-block ol,
.homepage-block dl,
.type-page p,
.type-page ol,
.type-page ul,
.type-page dl,
#primary-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl
{
clear: both;
line-height: 1.5em;
margin-bottom: 2em;
}
#primary-content p {
margin-bottom: 1em;
}
.post ol,
.type-page ol,
.entry-content ol
{
list-style: decimal;
}
.post ol ol,
.type-page ol ol,
.entry-content ol ol
{
list-style: lower-alpha;
margin-bottom: 0;
padding-top: .5em;
}
.post ol ol ol,
.type-page ol ol ol,
.entry-content ol ol ol
{
list-style: lower-roman;
margin-bottom: 0;
padding-top: .5em;
}
.post ul,
.type-page ul,
.entry-content ul,
.homepage-block ul
{
list-style: disc;
}
.post li,
.type-page li,
.entry-content li,
.homepage-block li
{
margin: 0 0 .5em 3em;
}
.post dl,
.post dt,
.post dd,
.type-page dl,
.type-page dt,
.type-page dd
{
}
.post blockquote,
.type-page blockquote
{
color: #444;
margin: 0 0 2em;
padding: 2em 2em 2em 4em;
position: relative;
font-style: italic;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.post blockquote:hover,
.type-page blockquote:hover
{
background: rgba(0,0,0,.03);
}
.post blockquote:before,
.type-page blockquote:before
{
color: #CCC;
content: "“";
font-size: 10rem;
position: absolute;
top: -2rem;
left: 1rem;
}
.post blockquote p,
.type-page blockquote p
{
margin: 0;
}
.post strong,
.type-page strong
{
font-weight: bold;
}
.post em,
.type-page em
{
font-style: italic;
}
/* Images in posts */
.article-body img.alignnone {
border: 1px solid #CCC;
margin: 0 1rem 0 0;
padding: 1rem;
}
.alignleft {
float: left;
}
img.alignleft {
margin: 0 0 1rem 1rem;
}
.alignright {
float: right;
}
img.alignright {
margin: 0 1rem 1rem 0;
}
.aligncenter {
display: block;
margin: 10px auto;
}
.wp-caption {
background: #EEE;
border: 1px solid #CCC;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.wp-caption p {
font-style: italic;
margin: 0;
}
.wp-caption.alignleft {
margin: 0 2rem 1rem 0;
padding: 10px 0 10px 10px;
}
.wp-caption.alignright {
margin: 0 0 1rem 2rem;
padding: 10px 0 10px 10px;
}
.wp-caption.aligncenter {
margin: 1rem auto;
padding: 10px 0 10px 10px;
}
.wp-caption.alignnone {
padding: 10px;
margin: 10px 10px 10px 0;
}
/* WOOCOMMERCE STYLES and OVERRIDES */
.woocommerce ul.products {
border-top: 1px solid #CCC;
padding-top: 2rem !important;
}
.product_meta {
color: #aaa;
font-size: 13px;
font-size: 1.3rem;
}
.woocommerce div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a
{
width: 90px !important;
}
div.pp_overlay {
background: #000 !important;
}
div.pp_woocommerce .pp_content_container {
}
/* SIDEBAR */
.widget {
background: #f6f6f6;
box-shadow: 0 2px 2px rgba(0,0,0,.1);
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 20px;
margin-bottom: 2rem;
padding: 15px 7.5px;
padding: 1.5rem .75rem;
}
.widget h2 {
border-bottom: 1px solid rgba(0,0,0,.05);
line-height: 1.5em;
margin-bottom: 10px;
margin-bottom: 1rem;
padding-bottom: 5px;
padding-bottom: .5rem;
text-align: center;
}
.widget li {
margin-bottom: 1rem;
}
/* =Layout
-------------------------------------------------------------- */
/* Shop Nav */
#shop-nav {
/*background: #DF7A1C;*/
height: 3.5rem;
width: 100%;
position: absolute;
top: 90px;
}
#shop-nav-inner {
font-size: 1.3rem;
line-height: 3.4rem;
margin: 0 auto;
text-align: right;
width: 96rem;
}
#shop-nav-content {
float: right;
text-align: center;
background: rgba(0,0,0,.03);
border-radius: 0px 0px 5px 5px;
border: 1px solid #e6e6e6;
border-top: 1px solid #f6f6f6 !important;
margin-top: 26px;
padding: 0 2rem;
}
#shop-nav-content img {
margin: 0 2px 0 0;
vertical-align: text-top;
}
#shop-nav-content a {
margin-right: 2rem;
}
#shop-nav-content a:last-child {
margin-right: 0;
}
/* Top-nav */
#top-nav-wrapper {
background: #F6F6F6;
border-bottom: 1px solid #E6E6E6;
height: 9rem;
width: 100%;
}
#top-nav {
height: 100%;
margin: 0 auto;
width: 105rem;
}
#top-logo {
float: left;
margin-right: 2.5rem;
position: relative;
top: 2.1rem;
}
#top-logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.menu-top-nav-container .menu-item {
float: left;
position: relative;
}
.menu-top-nav-container .menu-item a {
color: #949494;
display: inline-block;
line-height: 9rem;
padding: 0 1.2rem;
padding: 0 12px;
font-family:"Open Sans Semibold", "Open Sans", sans-serif;
font-size:1.6rem;
/*font-weight:600;*/
position: relative;
text-decoration: none;
text-shadow: 0px 1px #FFF;
}
.menu-top-nav-container .menu-item a:hover {
background: rgba(0,0,0,.05);
color: #5A87C6;
text-shadow: 0px 1px #FFF;
}
.menu-top-nav-container .menu-item a:hover:after{
opacity: 1;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.menu-top-nav-container .current_page_parent a,
.menu-top-nav-container .current-menu-item a {
color: #DF7A1C;
font-weight: bold;
text-shadow: 0px 1px #FFF;
}
#menu-main-nav {
display: block;
padding: 0 12px;
position: relative;
}
#menu-main-nav a {
border: none;
color: #949494;
display: block;
padding: 0 1.2rem;
padding: 0 12px;
position: relative;
}
#menu-main-nav a:hover,
#menu-main-nav .current-menu-item > a,
#menu-main-nav .sub-menu .current-menu-item > a:hover {
color: #5A87C6 !important;
}
#menu-main-nav .sub-menu .current-menu-item > a {
color: #DF7A1C;
}
#menu-main-nav > .menu-item > a {
color: #949494;
display: inline-block;
line-height: 9rem;
padding: 0 1.2rem;
padding: 0 12px;
font-family:"Open Sans Semibold", "Open Sans", sans-serif;
font-size:1.6rem;
/*font-weight:600;*/
position: relative;
text-decoration: none;
text-shadow: 0px 1px #FFF;
}
#menu-main-nav .menu-item a:hover:after{
opacity: 1;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
#menu-main-nav .sub-menu{
left: -9999px;
opacity:0;
position: absolute;
width: 230px;
height: auto;
}
#menu-main-nav .sub-menu a {
background-color: #F6F6F6;
border: 1px solid #eee;
border-top: none;
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
line-height: 2rem;
padding: 10px;
position: relative;
width: 230px;
height:auto;
}
#menu-main-nav .menu-item:hover {
position: static;
}
#menu-main-nav .menu-item:hover > .sub-menu {
left: auto;
position: absolute;
z-index: 99;
opacity: 1;
}
#menu-main-nav > .first > a {
padding-left: 0;
}
#menu-main-nav > .last > a {
padding-right: 0;
}
#top-social {
float: right;
}
#top-social ul {
border-left: 1px solid rgba(0,0,0,.1);
height: 5.2rem;
margin-left: 2.5rem;
position: relative;
top: 19px;
}
#top-social li {
float: left;
margin-left: 2.5rem;
position: relative;
top: 11px;
}
#top-social li a {
display: inline-block;
height: 30px;
position: relative;
width: 30px;
}
#top-social .ac-assets {
display: block;
position: absolute;
top: 0;
}
#top-social .fwsprite-social-fb-hover,
#top-social .fwsprite-social-fb-hover-2x,
#top-social .fwsprite-social-tw-hover,
#top-social .fwsprite-social-tw-hover-2x,
#top-social .fwsprite-social-gplus-hover,
#top-social .fwsprite-social-gplus-hover-2x {
opacity: 0;
-webkit-transition: opacity .4s ease-out;
-moz-transition: opacity .4s ease-out;
-ms-transition: opacity .4s ease-out;
-o-transition: opacity .4s ease-out;
transition: opacity .4s ease-out;
}
#top-social a:hover .fwsprite-social-fb-hover,
#top-social a:hover .fwsprite-social-fb-hover-2x,
#top-social a:hover .fwsprite-social-tw-hover,
#top-social a:hover .fwsprite-social-tw-hover-2x,
#top-social a:hover .fwsprite-social-gplus-hover,
#top-social a:hover .fwsprite-social-gplus-hover-2x {
opacity: 1
}
/* Primary content layout styles */
#wrapper {
margin: 5rem auto 0;
padding-bottom: 40px;
padding-bottom: 4rem;
position: relative;
width: 960px;
width: 96rem;
z-index: 1;
min-height:100%;
overflow:hidden;
}
#primary-content {
position:relative;
float:left;
width: 630px;
width: 63rem;
min-height:100%;
}
.pagination-wrapper {}
.pagination-wrapper .newer {
display: inline-block;
float: left;
min-height: 5px;
text-align: left;
width: 50%;
}
.pagination-wrapper .older {
display: inline-block;
text-align: right;
width: 50%;
}
/* No sidebar */
.wrapper-woocommerce-theme #primary-content,
.page-template-template-full-width-page-php #primary-content
{
width: 960px;
width: 96rem;
}
.post-header-meta {
border-bottom: 1px solid #DF7A1C;
line-height: 40px;
line-height: 4rem;
margin-bottom: 20px;
margin-bottom: 2rem;
}
.post-header-meta .post-author-link {
margin-right: 20px;
margin-right: 2rem;
}
#secondary-content {
/*border-left: 1px solid rgba(0,0,0,.05);*/
position:relative;
float:right;
min-height: 300px;
min-height: 30rem;
padding-left: 15px;
padding-left: 1.5rem;
width: 315px;
width: 31.5rem;
}
article.post {
margin-bottom: 50px;
margin-bottom: 5rem;
}
/* Global Footer styles */
#site-footer {
box-shadow: inset 0 10px 20px rgba(0,0,0,.3);
overflow: hidden;
position: relative;
width: 100%;
}
.footer-wrapper {
display: table;
margin: 0 auto;
width: 960px;
width: 96rem;
}
.footer-wrapper .column-secondary {
background: #85A6E0;
box-shadow: inset 0 10px 15px -3px rgba(0,0,0,.3);
display: table-cell;
font-size: 14px;
font-size: 1.4rem;
padding: 3rem 2rem 0;
vertical-align: top;
width: 345px;
width: 34.5rem;
}
.footer-wrapper .column-secondary h3 {
font-weight: bold;
}
.footer-wrapper .column-secondary h3,
.footer-wrapper .column-secondary p {
margin-bottom: 1em;
}
.footer-wrapper .column-primary {
color: #FFF;
display: table-cell;
padding: 30px;
padding: 3rem 0 3rem 3rem;
text-align: center;
}
.footer-wrapper .column-primary h2 {
margin-bottom: 15px;
margin-bottom: 1.5rem;
}
.footer-wrapper .column-primary p,
#menu-footer,
.problem-wrapper
{
margin-bottom: 30px;
margin-bottom: 3rem;
}
.footer-wrapper .column-primary h2 {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
}
.footer-wrapper .column-primary p {
color: rgba(255,255,255,.7);
font-size: 13px;
font-size: 1.3rem;
}
.column-primary a:link,
.column-primary a:visited,
.column-primary a:hover,
.column-primary a:active
{
color: #FFF;
}
#menu-footer {
border-bottom: 1px solid rgba(255,255,255,.4);
border-top: 1px solid rgba(255,255,255,.4);
overflow: hidden;
width: 100%;
}
#menu-footer li {
float: left;
width: 20%;
}
#site-footer #menu-footer li a:link,
#site-footer #menu-footer li a:visited,
#site-footer #menu-footer li a:hover,
#site-footer #menu-footer li a:active
{
color: #203354;
display: block;
padding: 1em 0;
text-align: center;
text-shadow: 0 1px rgba(255,255,255,.6);
}
#menu-footer li a:hover {
background: rgba(255,255,255,.4);
text-decoration: none;
}
.footer-social {
text-align: center;
}
.footer-social a {
display: inline-block;
margin: 0 .5rem;
}
#site-footer .problem-wrapper a:link,
#site-footer .problem-wrapper a:visited,
#site-footer .problem-wrapper a:hover,
#site-footer .problem-wrapper a:active {
color: #507FD2;
}
.problem-wrapper a:link {
background: #CBD9F2;
border-radius: 10px;
color: #507FD2;
display: block;
font-size: 18px;
font-weight: bold;
margin: 0 auto;
padding: .75em 0;
text-align: center;
width: 500px;
width: 50rem;
}
/* =Homepage
-------------------------------------------------------------- */
.page-template-template-homepage-php #wrapper {
margin-top: 0;
padding-bottom: 0;
width: 100%;
}
.page-template-template-homepage-php .homepage-block {
padding: 4rem 0; /* This used to be 5...why? */
}
.page-template-template-homepage-php .homepage-block-wrapper {
margin: 0 auto;
width: 96rem;
/*width: 100%;*/
}
.page-template-template-homepage-php h1 {
text-align: center;
}
.homepage-top-images li {
position: relative;
}
.homepage-block-wrapper {
min-height: 300px;
}
/* SLIDESHOW */
/* Notes: This images needs to be rendered our to 2000px */
#slide-get-educated {
background: #E37A00 url(images/ac-home-library.jpg) no-repeat center center;
min-height: 550px;
min-height: 55rem;
max-width:100%;
}
#slide-get-educated .homepage-block-wrapper {
position: relative;
}
#s-g-e-title {
left: 0rem;
position: absolute;
top: 12rem;
width: 440px;
width: 44rem;
}
#slide-get-educated h1 {
border-bottom: 10px solid #FFF;
border-bottom: 1rem solid #FFF;
color: #FFF;
font-family: "Philosopher", serif;
font-size: 50px;
font-size: 5rem;
padding-bottom: 20px;
padding-bottom: 2rem;
text-align: center;
}
#slide-get-educated h1 span {
font-size: 14rem;
line-height: .8em;
}
#slide-get-educated h2 {
color: #FFF;
font-family: "Georgia", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5em;
margin-top: 20px;
margin-top: 2rem;
text-align: left;
}
#s-g-e-video {
background: #FFF;
border: 10px solid #DF7A1C;
height: 273px;
position: absolute;
right: 0rem;
top: 12rem;
width: 470px;/* This needs to stay fixed unless the video size is variable */
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.play-button {
background: url(data:image/png;base64,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) no-repeat center center;
background-size: 86px 86px;
height: 100%;
opacity: .7;
pointer-events:none;
position: absolute;
width: 100%;
z-index: 100;
-webkit-transition: all .1s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .1s ease-out;
}
#s-g-e-video:hover .play-button {
opacity: 1;
}
body.modal #s-g-e-video {
height: 500px;
top: 2rem;
right: 5rem;
width: 873px;
}
body.modal a.youtube-modal {
display: none;
}
body.modal .close-yt-modal {
position: absolute;
z-index: 2000;
top: -42px;
right: -10px;
background: #DF7A1C;
color: #FFF;
padding: .5rem 1.5rem;
}
body.modal .close-yt-modal:hover {
cursor: pointer;
}
/* UPCOMING EVENTS */
#homepage-upcoming-events h1 {
margin-bottom: 20px;
margin-bottom: 2rem;
}
#h-u-e-event-list {
}
#h-u-e-event-list li {
background: #FFF;
margin: 40px 0 0;
margin: 4rem 0 0;
padding: 30px;
padding: 3rem;
width: 100%;
}
#h-u-e-event-list li:first-child {
margin: 0 0 0 0;
}
.event-date-wrapper {
float: left;
margin: 0 30px 0 0;
margin: 0 3rem 0 0;
width: 150px;
width: 15rem;
}
.event-date-wrapper span {
display: block;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.event-date-wrapper .month {
background: #E17A00;
color: #FFF;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
line-height: 44px;
line-height: 4.4rem;
}
.event-date-wrapper .day {
background: rgba(227,122,0,0.4);
color: rgb(227,122,0);
font-size: 77px;
font-size: 7.7rem;
font-weight: 100;
height: 110px;
height: 11rem;
line-height: 105px;
line-height: 10.5rem;
width: 100%
}
.event-date-wrapper .day.multi {
font-size: 30px;
font-size: 3rem;
}
.event-date-wrapper .time {
color: rgba(0,0,0,.6);
font-size: 13px;
font-size: 1.3rem;
line-height: 130%;
padding-top: 1rem;
}
#h-u-e-event-list h2,
#h-u-e-event-list h3 {
margin-bottom: 20px;
margin-bottom: 2rem;
}
#h-u-e-event-list p {
overflow: auto; /* Fixes a float issue around the date wrapper */
margin: 0 0 20pxc 180px;
margin: 0 0 2rem 18rem;
}
#h-u-e-event-list button {
margin-top: 30px;
margin-top: 3rem;
}
#h-u-e-event-list .event-button-wrapper {
margin: 20px 0 0 180px;
margin: 2rem 0 0 18rem;
}
/* TRAINING DESIGNED FOR YOU */
#training {
text-align: center;
}
#training h1 {
margin-bottom: 3rem;
}
#training img {
margin-bottom: 2rem;
}
#training h3 {
margin: 0 auto 2rem;
text-align: center;
width: 700px;
}
#training .ac-h3 {
font-weight: normal;
}
#training .ac-h3 strong {
font-weight: bold;
}
#training img {
max-height: 180px;
min-height: 180px;
max-width: 100%;
}
/* VISITING PROFESSORS */
#trusted-autism-experts {
background-image: url(images/home-vp.jpg);
background-position: center;
background-repeat: no-repeat;
height: 450px;
position: relative;
}
#trusted-autism-experts .homepage-block-wrapper {
margin: 0 auto;
position: relative;
top: 130px;
width: 420px;
}
#trusted-autism-experts h1 {
font-size: 30px; /* override the media queries */
margin-bottom: 20px;
text-align: left;
}
#trusted-autism-experts p {
font-size: 16px; /* override the media queries */
margin-bottom: 20px;
}
/* FOUNDED BY THE PARENT OF */
#founder {}
#founder h1 {
margin-bottom: 30px;
margin-bottom: 3rem;
}
#founder img {
background:rgba(0,0,0,.02);
border: 1px solid rgba(0,0,0,.03);
float: left;
margin-right: 3rem;
padding: 15px;
padding: 1.5rem;
}
#founder p {
float: left;
margin-bottom: 20px;
margin-bottom: 2rem;
width: 53rem;
}
/* EVENT */
#event .homepage-block-wrapper {
width: 650px;
width: 65rem;
}
#event h1 {
margin-bottom: 30px;
margin-bottom: 3rem;
color:#FFF;
}
#event img {
float: left;
margin:0 5rem 0 1rem;
margin:0 50px 0 10px;
}
#event p {
font-size:2rem;
font-size:20px;
margin-bottom: 20px;
margin-bottom: 2rem;
color:#FFF;
}
/* NEWSLETTER */
/*
Note that the sign up form is a common component and it's
styles are controlled elsewhere. This CSS is homepage specific
*/
#home-newsletter .homepage-block-wrapper {
width: 650px;
width: 65rem;
}
#home-newsletter h1 {
color: #FFF;
text-align: left;
}
#home-newsletter h2 {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.email-form label {
color: rgba(255,255,255,.7);
}
/* MOVE ME SOMEWHERE ELSE */
.email-form .field_container {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.email-form label {
display: block;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 5px;
margin-bottom: .5rem;
}
.email-form input[type="text"],
.email-form input[type="email"]
{
width: 100%;
}
.email-form .spam-message {
color: rgba(255,255,255,.7);
font-size: 13px;
font-size: 1.3rem;
margin-left: 10px;
margin-left: 1rem;
}
/* BRING AUTISM COLLEGE TO YOU */
#bring-ac {}
#bring-ac .homepage-block-wrapper {
max-width: 960px;
max-width: 96rem;
}
#bring-ac h1 {
margin-bottom: 30px;
margin-bottom: 3rem;
}
#bring-ac h2 {
margin-bottom: 20px;
margin-bottom: 2rem;
}
#bring-ac p {
margin-bottom: 20px;
margin-bottom: 2rem;
}
/* =Media Queries
-------------------------------------------------------------- */
/*
@media screen and (min-height:800px) and (min-width: 1200px) {
html {
font-size: 11px;
}
#slide-get-educated {
min-height: 650px;
}
#slide-get-educated .homepage-block-wrapper {
top: 6rem;
}
}
*/
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
p.bringcollege {
font-size:11px;}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
p.bringcollege {
font-size:11px;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
p.bringcollege {
font-size:1.7rem;}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
p.bringcollege {
font-size:1.7rem;}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
p.bringcollege {
font-size:1.7rem;}
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
p.bringcollege {
font-size:1.8rem;}
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
p.bringcollege {
font-size:1.8rem;}
}
#wrapper input[type="submit"] {
margin-top:10px !important;}