/*
Theme Name: Trinity Christian School
Description: Template for Trinity Christian School
Version: 1.0
Author: Pikewood Creative
Author URI: http://pikewoodcreative.com
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; border: 1px solid #ccc; padding: 5px; }
.alignleft { float: left; margin: 5px 20px 20px 0; border: 1px solid #ccc; padding: 5px; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0;
              max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.size-full { border: 1px solid #ccc; padding: 5px; }
/* -------------------------------------------------------------- */

body {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #252525;
    margin: 0;
    padding: 0;
}
hr {
    clear: both;
}
ul {
    margin-top: 0px;
}
.right-column hr, hr {
    width: 100% !important;
}
.faculty p {
}
a img {
    border: 0;
}
a {
    text-decoration: none;
    color: #a30b33;
}
a:hover {
    color: #252525;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: normal;
    padding-top: 0;
    margin-top: 0;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 15px;
}
blockquote {
    margin-left: 30px;
    padding: 5px 5px 5px 15px;
    border-left: 2px solid #b9b9b9;
    background: #f0f0f0;
    color: #515151;
}
.right-column h4 {
    margin: 0;
    padding: 10px 0 0 0;	
}
.right-column p a, .right-column li a {
    font-weight: bold;
}
.right-column h3 {
    margin: 0;
    padding: 15px 0 5px 0;
}
.right-column h2 {
    margin: 0;
    padding: 0 0 5px 0;
}

.header-wrap {
    display: block;
    height: 105px;
    background: #9d0931 url('images/header-bg.png') 0 0 repeat-x;
}
.header {
    width: 960px;
    margin: 0 auto;
    height: 105px;
    padding: 0 15px;
}
.header .logo {
    width: 444px;
    float: left;
    height: 105px;
}
.header .search {
    width: 220px;
    float: right;
    height: 90px;
    text-align: center;
    padding-top: 15px;
}
.header .search ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    height: 26px;
}
.header .search ul li {
    display: inline;
    padding-right: 10px;
}
.header .search ul li.last {
    padding-right: 0;
}
.header .search ul a {
    color: #fff;
    text-decoration: none;
}
.header .search form {
    margin: 10px auto 0 auto;
    width: 220px;
    overflow: hidden;
    position: relative;
}
.header .search form input[type="text"] {
    float: left;
    width: 172px;
    height: 31px;
    color: #6d6d6d;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 10px;
    border: 0;
    background: url('images/search-bg.png') no-repeat 0 0;
    line-height: 31px;
}
.header .search form input[type="submit"] {
    float: left;
    width: 37px;
    height: 31px;
    margin: 0;
    padding: 0;
    background: url('images/search-button.png') no-repeat 0 0;
    border: 0;
    cursor: pointer;
}
.navigation-wrap {
    clear: both;
    display: block;
    height: 50px;
    background: #660922 url('images/nav-bg.png') repeat-x 0 0;
    position: relative;
    z-index: 9999;
}
.navigation {
    width: 960px;
    padding: 0 15px;
    margin: 0 auto;
    height: 50px;
}
.navigation ul {
    list-style-type: none;
    float: left;
    font-size: 14px;
    display: block;
    margin: 0;
    padding: 0;
    border-left: 1px solid #57081d;
    border-right: 1px solid #740a27;
}
.navigation ul li {
    display: inline;
    float: left;
    position: relative;
    border-right: 1px solid #57081d;
    border-left: 1px solid #740a27;
}
.navigation ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: normal;
    padding: 0 20px;
}
/* highlight parent tab */
.navigation ul li:hover a {
    text-decoration: none;
    border-bottom: 0 none;
    background: #730b26;
}
/* submenu */
.navigation ul ul {
    display: none;
    position: absolute;
    width: 240px;
    top: 50px;
    z-index: 9999;
    left: -1px;
    background: #730b26;
    border: 0;
    padding: 4px 0;
}
.navigation ul ul li {
    float: none;
    border: none;
}
.navigation ul ul:hover {
    display: block;
}
.navigation ul li:hover ul {
    display: block;
}
.navigation ul li ul li a {
    display: block;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 17px;
    margin: 0 4px;
}
.navigation ul li ul li a:hover {
    background: #881230;
    border-radius: 4px;
}
/* .navigation ul li ul li.drop-down-arrow a { */
#menu-main-menu .menu-item-has-children > a {
    background: url('images/white-arrow.png') 206px 10px no-repeat;
}
#menu-main-menu .menu-item-has-children > a:hover {
    background: #881230 url('images/white-arrow.png') 206px 10px no-repeat;
    border-radius: 4px;
}

.navigation ul li ul li ul li.no-arrow a {
    background: none;
}
.navigation ul li ul li ul li.no-arrow a:hover {
    background: #881230;
}
/* second submenu */
.navigation ul ul ul {
    display: none !important;
    position: absolute;
    width: 240px;
    top: -40px;
    z-index: 99999;
    left: 240px;
    background: #730b26;
    border: 0;
    padding: 4px 0;
}
.navigation ul ul ul li {
    float: none;
    border: 0;
}
.navigation ul ul ul:hover {
    display: block !important;
}
.navigation ul ul li:hover ul {
    display: block !important;
}
.navigation ul li ul li ul li a {
    display: block;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 17px;
    margin: 0 4px;
}
.navigation ul li ul li ul li a:hover {
    background: #881230;
    border-radius: 4px;
}
.slider-wrap {
    clear: both;
    display: block;
    background: url('images/slider-bg.png') 0 0 repeat-x;
    height: 328px;
    position: relative;
}
.slider {
    width: 960px;
    padding: 0 15px;
    height: 308px;
    margin: 0 auto;
    display: block;
}
.slider-shadow {
    width: 960px;
    padding: 0 15px;
    margin: 0 auto;
    height: 20px;
    background: url('images/slider-shadow.png') 0 0 no-repeat;
    display: block;
}
.footer {
    width: 960px;
    padding: 0 15px;
    display: block;
    margin: 0 auto;
    overflow: hidden; /* CSS magic!! */
    position: relative; /* CSS magic!! */
}
.footer .col1, .footer .col2, .footer .col3 {
    width: 280px;
    padding: 20px 40px 40px 0;
    float: left;
}
.footer .col1 h3, .footer .col2 h3, .footer .col3 h3 {
    padding-top: 0;
    margin-top: 0;
}
.footer .col1 img {
    padding-bottom: 15px;
}
.footer .col2 p {
    background: #f0f0f0;
    color: #515151;
    font-size: 12px;
    line-height: 18px;
    padding: 15px;
    margin: 0;
    border-bottom: 2px solid #b9b9b9;
}
.footer ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    border-top: 2px dotted #ccc;
}
.footer ul li {
    padding: 8px 0 8px 20px;
    border-bottom: 2px dotted #ccc;
    line-height: 140%;
}
.footer ul li a {
    padding-left: 10px;
    margin-left: -20px;
}
.footer ul li a:hover {
    border-bottom: 0;
}
.footer-wrap {
    clear: both;
}
.bottom-wrap {
    display: block;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
    width: 960px;
    padding: 0 15px;
}
.bottom {
    border-top: 1px solid #ccc;
    display: block;
    padding: 25px 0;
    width: 960px;
    margin: 0 auto;
}
.title-wrap {
    display: block;
    height: 95px;
    background: url('images/sub-bg.png') 0 0 repeat-x;
    border-bottom: 2px solid #ce9f68;
}
.title-wrap .title {
    display: block;
    width: 960px;
    padding: 0 15px;
    margin: 0 auto;
}
.title-wrap .title h1 {
    margin: 0;
    padding: 0;
    line-height: 95px;
}
.content {
    margin: 0 auto;
    width: 960px;
    padding: 30px 15px;
    position: relative;
    overflow: hidden;
}
.sidebar {
    float: left;
    width: 280px;
    margin-right: 30px;
}
.sidebar ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
    display: block;
}
.sidebar ul li a {
    display: block;
    background: #fbeddb url('images/gold-arrow.png') 250px center no-repeat;
    padding: 13px 20px;
    border-bottom: 1px solid #ce9f68;
    font-size: 14px;
    color: #252525;
}
.sidebar ul li.current-menu-item a, .sidebar ul li.current-post-parent a {
    color: #fff;
    background: #ce9f68;
}
/* current-families sidemenu */
#menu-current-with-sub ul li a, #menu-about-with-sub ul li a, #menu-current ul li a, #menu-about ul li a{
    color: #252525;
    background: #ebd5bb url('images/gold-arrow.png') 240px center no-repeat;
    border-bottom: solid 1px #fff;
    margin-left: 10px;
}
#menu-current-with-sub ul li.current-menu-item a, #menu-current-with-sub ul li.current-post-parent a, #menu-about-with-sub ul li.current-menu-item a, #menu-about-with-sub ul li.current-post-parent a, #menu-current ul li.current-menu-item a, #menu-current ul li.current-post-parent a, #menu-about ul li.current-menu-item a, #menu-about ul li.current-post-parent a {
    color: #fff;
    background: #ce9f68;
}
#menu-current-with-sub .sub-menu, #menu-current .sub-menu {
    display: none;
}
#menu-current-with-sub .current-menu-item .sub-menu, #menu-current-with-sub .current-page-ancestor .sub-menu, #menu-current .current-menu-item .sub-menu, #menu-current .current-page-ancestor .sub-menu {
    display: block;
}


/**/
.right-column {
    float: right;
    width: 650px;
}
.full-width {
    float: left;
    width: 960px;
}
.slider-block {
    background: url('images/gray-transparent.png');
    color: #fff;
    text-align: center;
    padding: 20px 15px;
    text-shadow: 1px 1px rgba(25,25,25,0.5);
}
.slider-block h3 {
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 35px;
    line-height: 37px;
    font-weight: 300;
}
.slider-block p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 13px;
    line-height: 20px;
}
.slider-block .slider-button {
    background: url('images/slider-button.png') 0 0 no-repeat;
    width: 125px;
    height: 44px;
    line-height: 41px;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
}
table, th, td
{
    border: 1px solid #c8c8c8;
}
table {
    border-collapse: collapse;
    margin-bottom: 10px;
}
table th {
    background: #efefef;
    padding: 5px;
}
table td {
    padding: 3px;
}
.blog-excerpt {
    float: left;
    width: 444px;
    margin-right: 30px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #E5E5E5;
}
.blog-sidebar {
    float: right;
    width: 176px;
}
.blog-excerpt h3 {
    padding: 0;
}
.blog-excerpt h3 a {
    color: #2d2d2d;
}
.blog-excerpt h3 a:hover {
    color: #a30b33;
}
.blog-sidebar ul {
    list-style-type: none;
    margin: 5px 0 15px 0;
    padding: 0;
}
.blog-sidebar ul li {
    border-bottom: 2px dotted #E5E5E5;
    padding: 5px 0;
    display: block;
}
.post-info {
    margin: 0;
    padding: 0;
    color: #888888;
    font-size: 12px;
}
.blog-excerpt p {
    padding: 0;
    margin: 5px 0 20px 0;
}
p.post-info {
    padding-top: 5px;
    margin: 0;
}
.pagenav {
    padding-top: 30px;
}
h3.search-h3 {
    margin: 0;
    padding: 15px 0 0 0;
}
.search-excerpt {
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px dotted #e5e5e5;
}
.single h2 {
    padding: 0;
}
.sidebar .textwidget {
    margin: 15px 0 0 0;
}
.sidebar-button-background {
    display: block;
    /*	height: 84px; */
    text-align: center;
    /*	background: url('images/sidebar-gradient.png') 0 0 repeat-x; */
    padding-top: 10px;
}
.sidebar-button-background a {
    font-weight: bold;
}
a.sidebar-button {
    color: #fff;
    display: block;
    text-align: center;
    width: 240px;
    height: 59px;
    line-height: 55px;
    margin: 0 auto;
    background: url('images/sidebar-button-2.png') 0 0 no-repeat;
}
a.sidebar-button:hover {
    background: url('images/sidebar-button-2.png') 0 -59px no-repeat;	
}
.single .ai1ec-categories, .single .ai1ec-allday-badge {
    display: none;
}
.ai1ec-event-footer {
    padding: 50px 0;
}
.content ul.beliefs li {
    margin-bottom: 15px;
}
.accordion a {
    font-weight: bold;
    cursor: pointer;
}
.right-column form {
    padding: 5px 0 30px 30px;
}
form.virtual-academy input[type="text"], form.virtual-academy input[type="password"], .right-column form input[type="text"], .right-column form input[type="email"], .right-column form input[type="tel"], .right-column form textarea {
    border: 1px solid #ccc;
    padding: 8px;
    margin-left: 10px;
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    width: 160px;
}
.right-column form input[type="text"], .right-column form input[type="email"], .right-column form input[type="tel"], .right-column form textarea {
    width: 280px;
    margin-left: 0;
}
form.virtual-academy input[type="submit"], .right-column form input[type="submit"] {
    border: 0;
    background: #730b26;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 10px 0 10px 77px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}
.right-column form input[type="submit"] {
    margin: 0 0 10px 0;
}
form.virtual-academy input[type="submit"]:hover, .right-column form input[type="submit"]:hover {
    background: #a30b33;
}
.right-column form span.wpcf7-not-valid-tip {
    top: -4px !important;
    left: 8px !important;
    border: 0 !important;
    width: 272px !important;
    color: #bd1041;
    font-weight: bold;
    font-size: 12px !important;
}
div.wpcf7-validation-errors {
    border: 0 !important;
    color: #bd1041;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
}
div.wpcf7-mail-sent-ok {
    border: 0 !important;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;	
}
span.wpcf7-list-item {
    padding-right: 10px;
}
.your-address {
    display: block;
}
.required {
    font-weight: bold;
    color: #bd1041;
}
.question {
    font-weight: bold;
    color: #a30b33;
    cursor: pointer;
    padding: 12px 12px 12px 40px;
    background: url(images/tab-icons.png) 15px 15px no-repeat #fafafa;
    border: 1px solid #d8d8d8;
    transition: background 300ms ease, color 300ms ease;
}
.question:hover {
    color: #252525;
}
.on {
    background: url(images/tab-icons.png) 15px -29px no-repeat #fafafa;
    color: #252525;
}
.answer {
    padding: 5px 20px;
    border: 1px solid #d8d8d8;
    border-top: none;
}
.sportstable {
    font-size: 90%;
}
table.sportstable td {
    padding: 0 10px;
}
table.sportstable th.lg {
    font-size: 170%;
    font-weight: normal;
    padding: 15px;
    background: #f8f8f8;
}
.wp-pagenavi .pages {
    border: 0;
}
.wp-pagenavi .extend {
    border: 0;
}


/* Calendar styles */
.ai1ec-agenda-widget-view .ai1ec-event {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    margin: 0.2em 0 0.2em 4.4em !important;
}
.ai1ec-agenda-widget-view .ai1ec-event a {
    background: none !important;
    border: 0 !important;
    color: #252525 !important;
}
.ai1ec-agenda-widget-view .ai1ec-event a:hover {
    color: #A30B33 !important;
}
.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-allday-badge {
    display: none !important;
}
.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-event-title {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 22px !important;
}
.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-event-time {
    display: none;
}
.ai1ec-agenda-widget-view .ai1ec-date {
    background: none !important;
    border-top: 2px dotted #E5E5E5 !important;
}
.ai1ec-agenda-widget-view .ai1ec-date-title {
    background-image: none !important;
    background: #fff !important;
    color: #515151 !important;
}
.ai1ec-agenda-widget-view .ai1ec-day {
    padding: 0.3em 0 0.1em 0 !important;
}
.ai1ec-agenda-widget-view .ai1ec-date.ai1ec-today {
    background: linear-gradient(#F8DFC0, #F8DFC0 1em, #FFFFFF) no-repeat scroll 0 0 transparent !important;
    border-top: 2px dotted #F5D3A9 !important;
}

/* new donate button */
.top-menu-left {
    float: left;
    /* 	padding-left: 107px; */
    padding-left: 20px;
}
.donate-button {
    border-radius: 8px;
    background-color: rgb(210, 148, 69);
    width: 72px;
    height: 22px;
    font-size: 10px;
    font-family: "Roboto";
    line-height: 2.4;
    float: right;
    margin-bottom: 10px;
}
.donate-button a {
    color: rgb(255, 255, 255);
    font-weight: normal;

}
.paypal-donate-button {
    width: 72px;
    height: 22px;
    font-size: 10px;
    font-family: "Roboto";
    line-height: 2.4;
    float: right;
    margin-bottom: 10px;
}
.paypal-donate-button form {
    margin: auto !important;
    width: auto !important;
    overflow: hidden !important;
}
.donate-button {
    width: 72px;
    height: 22px;
    font-size: 10px;
    font-family: "Roboto";
    line-height: 2.4;
    float: right;
    margin-bottom: 10px;
    background-color: #d29445;
    border-radius:8px;
}
.donate-button:hover{
     background-color: #ce9f68;
}
.donate-button a{
    color:white;
    font-weight: bold;
}
.donate-button a:hover{
    
}
.showonmobile, .hideondesktop {
    display: none;
}
.showondesktop, .hideonmobile {
    display: block;
}
/*homepage*/
.hero{
    background-color:black;
    min-height:400px;
    position: relative;
    z-index: 1;
}
a.hero-button:hover{
    background-color:#fbeddb !important;
    color:black !important;
}
.carousel-container{
    background-color:#f8eddd;
    position: relative;
    z-index: 1;
}

.carousel {
    padding: 40px 0 40px 0;

}
.embed-vimeo{
    float:left;
}

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

    body {
    }
    .header .logo img {
        width: 370px;
    }
    .header-wrap {
        height: 90px;
    }
    .header {
        width: auto;
        margin: auto;
        padding: inherit;
    }
    .header .logo {
        width: 100%;
        float: none;
        height: auto;
    }
    .showonmobile, .hideondesktop {
        display: block;
    }
    .showondesktop, .hideonmobile {
        display: none;
    }
    .content {
        width: auto;
    }
    .right-column {
        float: left;
        width: auto;
        padding: 0 15px 0 15px;
    }
    .bottom-wrap {
        width: auto;
        font-size: 11px;
        line-height: 40px;
    }
    .bottom {
        width: auto;
    }
    .sidebar, .blog-sidebar {
        display: none;
    }
    .title-wrap .title h1 {
        line-height: 65px;
    }
    .title-wrap {
        height: 65px;
    }
    h1 {
        font-size: 26px;
    }
    .footer {
        width: auto;
    }
    .footer .col1, .footer .col2, .footer .col3 {
        width: 100%;
    }
    .footer .col1 img {
        width: 100%;
        padding: 5px 0 5px 0;
    }
    .slider-wrap, .slider {
        display: none;
    }
    .textwidget iframe {
        width: 100%;
    }
    .right-column table {
        width: 90% !important;
        height: auto !important;
    }
    .right-column table th {
        padding: 2px;
    }
    .size-full {
        width: 100%;
        height: 100%;
    }
    .blog-excerpt {
        width: 100%;
    }


    .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
    .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



}
@media only screen and (max-width: 320px) {
    .alignright {
        margin: 0;
    }
    .header .logo img {
        width: 100%;
    }
    .right-column {
        padding: 0px;;
    }
    .right-column img {
        max-width: 280px;
        height: auto;
    }



}