/*

Theme Name:     3clicks Child Theme

Theme URI:      http://3clicks.bringthepixel.com

Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.

Author:         bring the pixel

Author URI:     http://www.bringthepixel.com/

Template:       3clicks

Version:        1.0

Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready

*/



/* Place all your CSS modifications below */



/* This is to move the submenu dropdown arrow left */

#g1-preheader__switch {

    width: 32px;

    height: 32px;

    display: block;

    float: none; 

    overflow: hidden;

    position: relative;

    margin-left: 45px;

    margin-bottom: -33px;

}



/*this is to move the nast logo left */

#nast-img {

    margin-left: -40px;

}



/*cspn social icon background*/

.g1-social-icon--cspn {

    background-color: #FFF !important;

}



#g1-header {height:100px !important; }



/*moves social icons to right*/

#g1-social-icons-2 {margin-left:80px !important;}



/*get rid of bottom padding/decrease line height*/

#g1-footer-area {

    padding-top: 1.5em;

    padding-bottom: 0em !important;

	line-height:1.25 !important;

}

/*shrink and center content area*/

.centered {width:85% !important;

margin:0 auto !important;}



/*style usa map*/

#usamap {

 

	width: 1000px;

	background: url('http://www.collegesavings.org/wp-content/uploads/2015/06/background.png');

	background-repeat: repeat-x;

	border: 1px solid #444;

	-moz-border-radius: 1em;

	-webkit-border-radius: 1em;

	border-radius: 1em;

	padding-top: 5px;

	-moz-box-shadow: 1px 1px 8px #444;

	-webkit-box-shadow: 1px 1px 8px #444;

	 box-shadow: 1px 1px 8px #444;

	 margin:0 auto;

	margin-left:-16px;

	 }





/*styles primary nav link*/

#g1-primary-nav-menu > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

    -webkit-transition: background-color 1s; /* Safari */

    transition: background-color 1s;

	

}

#g1-primary-nav-menu > li > a:hover {

	color:#05C3DE !important; background-color:#fff !important; 

	

	}

/*adds animation to footer text*/

#g1-footer-nav-menu > li > a {

    -webkit-transition: color .5s; /* Safari */

    transition: color .5s;

}



#g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a {

    padding: 42px 8% 42px 16%;



}

#g1-logo {
	width:200px;margin-top:8px;
}
.g1-precontent > .g1-background{background:none; }


.g1-preheader > .g1-background {   background:none;}
#g1-header > .g1-background {border:0;background: none; height:400px;}
.g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > li > a {background:#ffffff;font-size:18px;color:#414042;}
.g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > .current_page_item > a {background:#ffffff;}

.g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > li > a:hover {color:#414042;}
.g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > .current_page_item > a:hover {color:#414042;}
.g1-header .g1-nav--collapsed #g1-primary-nav-menu > .g1-type-tile > .g1-submenus {background:#414042;}
.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus a {background:#292729;transition:none;-webkit-transition:none;}
.g1-header .g1-nav--collapsed #g1-primary-nav-menu > li > a .g1-nav-item__arrow {border-color:#414042;}
#g1-primary-nav-menu > li > a {transition:none;-webkit-transition:none;}
#g1-prefooter > .g1-background {border:none;}


#g1-header {height:auto !important;}
body.search-results ul.search-results {padding-top:100px;}
#g1-preheader {display:none !important;}
#g1-primary-bar {background:#fff;margin:0 auto;width:90%;padding:0 25px 0 25px;height:120px !important;position:relative;z-index:2;}
.g1-searchbox {margin:0;}
.g1-searchbox__switch strong::before {font-size:18px;color:#414042;}
.g1-searchbox__switch {margin-bottom: 0 !important;}
#searchform {background:#4a494b !important;}
.g1-searchbox__arrow {border-color:#414042 !important;}
.g1-header .g1-searchbox__switch {color:#292729;}
#g1-primary-nav .g1-searchbox {margin-top:5px;}
#searchform .g1-outer {background-color:#292729 !important;}
#searchform input[type=submit] {background-color:transparent !important;}
#searchform .g1-form-actions {right:7px !important;}
.main-header {min-height:603px;background-size:cover;width:1160px !important;}
.interior {min-height:368px;}
h1.headline {clear:both;padding-top:100px;color:#fff;width:50%;font-size:36px;}
p.header-copy {color: #fff;
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    line-height: 26px;width:50%;}
div.button a {padding:10px 45px 0 10px;background-position:right center;background-repeat:no-repeat;background-image:url('/wp-content/themes/3clicks-child-theme/images/baseline_arrow_forward_black_18dp.png');background-color:#fff;display:inline-block;border:3px solid #000 !important;color:#000 !important;text-transform:uppercase;font-size:18px;height:35px;}
div.button a .border {border-left:3px solid #000;width:35px;height:35px;padding:12px 0 10px 0;margin: 0 -8px 0 15px;}
#background {position:absolute;width:100%;height:400px;background:#05c3de;left:0;top:0;z-index:-1;border-bottom:8px solid #414042}

#blog-post-container {display:flex;flex-wrap:wrap;justify-content:space-around;margin-left:-35px;}
.entry-content a {
    color: #03cae2;
    font-family: "Open Sans", sans-serif;
    ;
}
.blog-box {
    background: #fff;
    border: 5px solid #000 !important;
    padding: 16px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px; 
}
.blog-box p {font-size:16px;}
.blog-box .blog-link, .blog-box a {color:#05c3de;text-transform:uppercase;font-size:16px;padding:0;margin:0;}
.blog-post {width:27%;}
.blog-post img {position:relative;z-index:1;margin-left:-30px;margin-bottom:-30px;}
.blog-post h2 {font-size:24px;}
.blog-post h2 a{font-size:24px; color: #000000; font-family: "Open Sans", sans-serif !important; font-weight: bold; text-transform: none;}
#g1-content-area {width:1160px !important;}
.g1-layout-inner {width:1160px !important;}

body {background:#fff;font-family:"Open Sans" !important;}
h1, .g1-h1, h2, .g1-h2, h3, .g1-h3, .g1-button--big, .g1-numbers__title, .g1-searchbox input, .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-nav-item__title {font-family:"Open Sans", sans-serif !important; font-weight: bold;}
li{font-family:"Open Sans", sans-serif !important;
}

footer {clear:both;}
#footer-top {background:#FF808B;padding:40px;}
#footer-bottom {background: #414042;padding:40px;}
.footer-inner {width:1160px;margin:0 auto;text-align:center;}
#footer-logo {margin:0 auto;}
footer .copyright {font-size:16px;color:#fff;margin-top:15px;}

footer nav {margin-top:40px;}

footer nav a {
    -webkit-transition: none !important;
    transition: none !important;
    color: #fff !important;
    font-size: 18px;
}

#footer-bottom .footer-inner {display:flex;justify-content:center;justify-content:space-between;align-items:center;}
#footer-bottom .footer-inner #social-icons img {margin-left:25px;}
#footer-bottom .footer-inner>img {align-self:center;}

#promo-box {position:relative;z-index:1;width:400px;background-color:#80E0A7;border:5px solid #000 !important;padding:75px 125px;right:0;}
#promo-box h2 {color:#fff;font-size:36px;}
#promo-box p {color:#fff;font-size:18px;}

#promo-image { margin-right: -70px;;position:relative;z-index:2; border: 8px solid #414042 !important;}
#promo-image img{display: inherit;}

#promo {display:flex;justify-content:flex-end;padding:100px 0;align-items:center;}

h1.page-title {color:#fff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size:56px !important;
    width: 100%;
    text-align: center;}

    .page-title-wrapper {
        height:280px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:120px;
    }

    .hero-right .page-title-wrapper {
        justify-content:flex-start;
    }
    

    .entry-content p {font-family:"Open Sans", sans-serif !important;font-size:20px !important;}
    .entry-content a { color:#FF808B;}

    .g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > .current_page_item > a {color:#fff;background-color:#05C3DE;}
    .g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > .current_page_ancestor > a, .g1-nav--solid.g1-nav--collapsed #g1-primary-nav-menu > .current_page_parent > a {color:#05C3DE !important; background-color: white;}


    .pagination {
        clear: both;
        position: relative;
        font-size: 16px;
        line-height: 13px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        }
    
    
    
    
    .pagination span, .pagination a {
        float: left;
        margin: 2px 2px 2px 0;
        padding: 6px 20px 5px 20px;
        color: #4a494b;
        }

#g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a:hover {
    padding-left:16% !important;
    color:#000 !important;
}

#g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a .g1-nav-item__title {
    font-size: 20px;
}

.img-container {width: 100%;


    background-position:center center;
    background-size: cover;
    width: 372px;
    height: 250px;
    margin-bottom: -75px;
    margin-left: 15px;
}


.interior-hero #hero-image {
    position:absolute;
    top:0;
}

.interior-hero #g1-content {padding-top:100px;}

.hero-right #hero-image {
    right:0;
}

.hero-left #hero-image {
    left:0;
}

.g1-content ol li, .g1-content ul li {font-size:20px;}
#hero-image {max-height:450px !important;min-height:450px !important;}

.hero-right .page-title {width:560px;margin-left:0;margin-right:inherit;text-align:left;}
.hero-left .page-title {width:560px;text-align:right;}
@media only screen and (max-width: 1600px) {
   
.page-title-wrapper {justify-content:center !important;}
#hero-image {display:none !important;}

}
@media only screen and (max-width: 1250px) {
    .blog-post {width:40%;}
    #blog-post-container {justify-content: space-evenly;}
    #g1-content-area {width:100% !important;}
    
.g1-header a {color:#414042 ;}

.g1-header a:hover {color:#05c3de }

.g1-header-layout-semi-standard #g1-header .g1-layout-inner {width:100%;max-width:100%;}
}
@media only screen and (max-width: 1024px) { 
    #g1-mobile-logo { width:200px;margin-top:8px;}
    #g1-content-area {width:100% !important;}
    .g1-layout-inner {width:100% !important;}
    .blog-post {width:95%;}
    .footer-inner {width:100%;}
    #footer-bottom .footer-inner {display:block;}
    #footer-bottom .footer-inner>img {display:block;margin:0 auto 25px auto;}
    #g1-footer-nav-menu > li {float:none;}
    .pagination .number, .pagination .first, .pagination .last {display:none;}
    h1.headline , p.header-copy {width:100%;}
    .main-header{
        background-position: center center;
    }
    #wpadminbar {display:none;}
    #promo-box {width:100%;padding:20px;}
    #g1-footer-nav-menu > li {margin-right:0;}
    #promo {flex-direction:column;}
    #promo-box {width:80%;}
    #promo-image {text-align:center;margin-right:0;}
    .g1-primary-nav--expanded #g1-id {display:block !important;}
    .g1-primary-nav--expanded  #g1-primary-nav-switch {margin-top:1% !important;}
    #g1-primary-nav-menu .g1-nav-item__switch {top:50% !important;}
    #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a:hover {padding-left:10px !important; color:#05c3de !important;}


}
@media only screen and (max-width: 1200px) { 
.g1-nav-item__title {font-size:15px !important; margin:7px !important;margin-top:32px !important;}
    #g1-primary-nav-menu > .menu-item > a {padding-left: 0 !important;padding-right:0 !important;}
    }
}

.g1-header input[type="button"], .g1-header input[type="submit"], .g1-header button, .g1-header .g1-button--solid, .g1-header a.button, .g1-header .g1-frame--solid > .g1-decorator, .g1-header .g1-progress-bar--solid .g1-progress-bar__bar, .g1-header .g1-toggle--solid .g1-toggle__switch, .g1-header .g1-tabs--simple .g1-tabs-nav-current-item .g1-tab-title::before, .g1-header .g1-tabs--button .g1-tabs-nav-current-item .g1-tab-title, .g1-header .g1-tabs--button .g1-tabs-nav-current-item .g1-tab-title::after, .g1-header .g1-box--solid .g1-box__icon, .g1-header .author-info::before, .g1-header .g1-related-entries::before, .g1-header .g1-replies::before, .g1-header #respond::before, .g1-header .upsells::before, .g1-header .related::before, .g1-header #secondary .widget + .widget::before, .g1-header .widget_price_filter .ui-slider-handle {
    background:#03cae2;
    border-color:#05c3de;
}
.g1-toggle__switch {
    margin-left:-36px !important;
    position:relative !important;
    margin-right:15px !important;
}
.g1-toggle__switch::after, .g1-toggle__switch {
    width:30px !important;
    height:30px !important;
}

.g1-toggle__switch::before {
    width:30px !important;
    height:30px !important;
    position:absolute;
    top:5px !important;
        font:23px FontAwesome;
}

.g1-toggle__title {
    margin-bottom:0 !important;
    font-size:25px !important;
}

.cssanimations .g1-toggle--on .g1-toggle__switch::after {
    top:4px !important;
}

form#contact {
    background: #05C3DE !important;
padding: 40px 40px 40px 40px !important;
}

#contact_form_submit_1 {
    background-color: #fff !important;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif !important;
    border: 8px solid #414042 !important;
}

.contact-form label {font-size: 20px !important;}

fieldset {
    border: 8px solid black !important;
    margin: 5px 0 !important;
    padding: 10px !important;
    padding: 40px !important;
}

.g1-header #g1-primary-nav-switch{
background-color:#03cae2;
border-color:#03cae2;
color: white;
margin-top: 40%;
}

.wpss-question p {font-size:30px !important;font-family:"Open Sans", sans-serif !important; font-weight: bold;}

.answers .answer_text label {
    background: #fff !important;

border: 8px solid;

border-radius: 0;

padding: 15px;

font-size: 21px;

font-weight: normal;

font-family: "Open Sans", sans-serif;
}

.answers .answer_text, .answers .incorrect_answer, .answers .answer {color:rgb(0,0,0) !important;}

.wpss .wpss-progress-bar span {background:#05C3DE !important; }
.wpss-progress-bar {border:none !important;}

.pagination {
    clear: both;
    position: relative;
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    }




.pagination span, .pagination a {
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 20px 5px 20px;
    color: #4a494b;
    }


    .entry-content a {
    color: #03cae2;
    font-family: "Open Sans", sans-serif;

}

.blog-box {
    background: #fff;
    border: 5px solid #000 !important;
    padding: 16px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}

    .entry-content {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-top: 70px;
}



/********** MAIN BUTTON *************/
.btn__right svg {height: 22px;

    width: auto;}
@media only screen and (min-width: 1080px)
{
.hero__btn {
    width: auto !important;
    left: 26px !important;
}
}
.hero__btn {
    height: 88px;
    width: 100%;
    display: flex;
    justify-content: left;
    position: absolute;
    left: 0;
  
}

.btn {
    position: relative;
    border: 8px solid #414042 !important;
    text-decoration: none;
    color: #414042;
    letter-spacing: 1px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.14);
}

.btn:hover .btn__right {
    background-color:#05C3DE !important;
}


@media only screen and (min-width: 750px) {
.btn__left {
    padding: 24px 48px 24px 24px;
}
}
.btn__left {
    padding: 16px;
    font-family: "Open Sans", sans-serif;
	font-weight: bold;
    text-transform: uppercase;
    border-right: 8px solid #414042 !important;
    flex-grow: 2;
    text-align: center;
    display: flex;
    align-items: center;
    font-size:24px;
    color:#000;
}
.btn_left:hover {color:#000;}


@media only screen and (min-width: 750px) {
.btn__right {
    padding: 27px 24px;
}
}
.btn__right {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 400ms cubic-bezier(0.19, 1, 0.22, 1);

}

#g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li > a:hover {
    padding-left:13%;
    color:#000;
}

/********** MAIN BUTTON (END) *************/



.blog-box {
    background: #fff;
    border: 8px solid #414042 !important;
    padding: 24px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.14);
}

#promo-box {
    position: relative;
    z-index: 1;
    width: 400px;
    background-color: #80E0A7;
    border: 8px solid #414042 !important;
    border-right: none !important;
    padding: 75px 125px;
    right: 0;
}

#promo-box h2 {
    color: #fff;
    font-size: 60px;
    line-height: 50px;
    margin-bottom: 40px;
}

#promo-box p {
    color: #fff;
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    line-height: 26px;
}

.img-container {

    width: 347px;
    height: 250px;
    margin-bottom: -75px;
    margin-left: 15px;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.14);
}

/********** NAV ************/

@media only screen and (min-width: 1025px) and (max-width: 1080px){
    .g1-nav-item__title{
        margin: 8px !important;
        margin-top:32px !important;
    }
}

#g1-primary-nav-menu > li > a > .g1-nav-item__title, #g1-header .g1-searchbox__switch, #g1-header .g1-cartbox__switch {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    letter-spacing: 0.9px;
    /* color: #414042; */
    text-decoration: none;
    text-transform: uppercase;
    margin: 16px 0 5px 0;
    margin-top: 25px;
}

#g1-primary-bar {
    background: #fff;
    margin: 0 auto;
    width: 90%;
    padding: 0 25px 0 25px;
    height: 120px !important;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.14);
}




.promo-button {position:relative; bottom: -112px;}

.entry-content h1 {display:none;}

.g1-block a {font-family:"Open Sans", sans-serif !important;}
.g1-content #secondary .widget:before {background-color:#Fff !important;}

section.widget {border:none !important;}
.g1-content #secondary .widget + .widget::before {display:none !important;}

.g1-content #wp-calendar #prev a {background-color:#05C3DE;}

.g1-content .g1-button--solid {background-color:#05C3DE; border-color:#05C3DE;}

.g1-content a {color:#05C3DE;}

.archive-header {display:none;}

.commonQuestionsSectionLink, .commonQuestionsInnerLinks {font-size:20px;}

.g1-nav-single a {font-size:20px;}

input[type=tel], input[type=email], input[type=password], input[type=search], 
input[type=text], input[type=url], select 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid #414042 !important;
    border-radius: 0px;
}

textarea {
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid #414042 !important;
    border-radius: 0px !important;
}

input[type=button], input[type=submit], button, .g1-button {
    background-color: #03cae2 !important;
    border-color: #02d0e6 !important;
    border-radius: 0px !important;
    padding: 15px 60px;
    text-transform: uppercase;
    font-weight: bolder;
}


#blog-post-container {
   margin-top: 50px;
}

@media (max-width: 500px){
    h1.page-title {
        margin-top: 160px !important;
        font-size: 40px !important;
    }
    #promo-box {
        width: 85% !important;
        border-right: 8px solid #414042 !important;
    }
    #footer-bottom .footer-inner #social-icons img {
        margin-left: 15px;
    }

}

#posts_link{
    text-align: center;
}
#posts_link a{
    font-size: 24px;
    color: #000000;
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold;
    text-transform: none;
}