/*
Theme Name: Save The Inventor
*/


 
body {

    margin: 0;
    padding:0;
    border: none;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff8ef;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

p {

    font-size: 16px;
    line-height: 1.5;

}

a {

   color:#211f5d;

}

.section ul,
.section ol {

    font-size: 16px;
    line-height: 1.5;
    margin:0;
    padding:0;

}

.section ul li,
.section ol li {

    margin:0 0 15px 25px;

}

h1 {

    font-size: 36px;
    color:#211f5d;
    font-weight: bold;
    margin:0 0 30px 0;

}


h2 {

    font-size: 32px;
    color:#211f5d;
    font-weight: bold;
    margin:0 0 30px 0;

}

h3 {

    font-size: 26px;
    color:#211f5d;
    font-weight: bold;
    margin:0 0 15px 0;

}

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

    h1 {

        font-size: 28px;
    
    }
    
    
    h2 {
    
        font-size: 24px;
    
    }
    
    h3 {
    
        font-size: 20px;
    
    }

    p { font-size: 13px; }

    .section ul,
    .section ol,
    .section ul li,
    .section ol li
    {

        font-size: 13px;
        line-height: 1.5;

    }


}

.bg-blue h2 { color:#FFF; }
.bg-blue p { color:#FFF; }
.bg-blue ul { color:#FFF; }
.bg-blue ol { color:#FFF; }

.t-pink {color:#e16360}
.center { text-align: center; }

.button {

    display: inline-block;
    background-color:#e16360;
    border:none;
    color:#FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px; 
    padding:15px 40px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin:0 10px 15px 10px;
    font-size:16px;
    outline:none;

}

.buttons .button:nth-child(2) {

    background-color: #211f5d;

}

.button.b-pink {

    background-color:#e16360;

}

.button.b-dark {

    background-color:#211f5d;
    
}

.button.b-twitter {

    background-color:#1d9bf0;
    
}

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

    .button {

        font-size:12px;

    }

}

.clear { clear:both; }

.container {

    max-width: 1200px; 
    margin:0 auto;


}

.container-wide {

    padding:0 20px;

}

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

    .container {

        padding:0 20px;
        box-sizing: border-box;
        

    }

}

.hero-container {

    max-width: 1400px; 
    margin:0 auto;
    position: relative;
    height:100%;

}

.hero {

    height:300px;
    font-size:30px;
    color:#FFF;
    background-image:url(images/hero-facts.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    position: relative;

}

.hero-layover {

    background-color:rgba(33, 31, 93, 0.5);
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 0;

}

.hero-text {

    position: relative;
    z-index: 1;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

#hero-home {

    background-image:url(images/hero-home.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center top;
    height:600px;

}

#hero-text {

    background-color: #211f5d;
    background-color:rgba(33, 31, 93, 0.5);
    color:#FFF;
    width:430px;
    padding:30px;
    position: absolute;
    right:20px;
    top:50px;

}

#hero-text h1
{

    font-size:42px;
    margin:0 0 10px 0;
    font-weight: 600;
    color:#FFF;

}

.hero h1
{

    font-size:46px;
    margin:0 0 20px 0;
    font-weight: 600;
    color:#FFF;

}

#hero-text p {

    line-height: 1.5;
    margin-top:0;

}

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

    .hero-container {

        display: flex;
        align-items: center;

    }

    #hero-text {

        background-color:rgba(33, 31, 93, 0.5);
        width:auto;
        position: static;
        margin:0 20px;
    
    }

    #hero-home { height:450px; }

    #hero-text p {

        line-height: 1.75;
    
    }
    

}

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


    #hero-text { top:20px; }

    #hero-text h1,
    .hero h1
    {
       
        font-size:24px;
   
    }

}

#take-action-now {

    position: absolute;
    bottom:30px;
    left:15px;
    background-color:#e16360;

}

#take-action-now .svg-inline--fa {

    font-size:40px;
    position: absolute;
    left:5px;
    top:3px;

}

#take-action-now span {

    position: relative;
    right:-20px;

}


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

    #take-action-now {

        display: none;

    }

}

.section { padding:0; }
.section-pad { padding:80px 0; }
.section.no-pad { padding:0; }
.section.p-top { padding:80px 0 0 0; }
.section.p-bottom { padding:0 0 80px 0; }


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

    .section-pad { padding:40px 0 0 0; }
    .section-dw { padding:40px 0; }
    .section-color { padding:40px 0; }

}

.bg-blue { background-color: #211f5d; }
.bg-pink { background-color:#e16360; }

.text-white { color:#FFF; }
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white ul,
.text-white a
{ color:#FFF; }


#header {

    text-align: center;
    height:56px;
    padding:35px 0 0 0;
    position: fixed;
    z-index: 2;
    top:0;
    left:0;
    right:0;
    background-color: #fff8ef;

}

#space {

    height:91px;
    z-index: 0;
    position: relative;

}

@media only screen and (min-width : 992px) {

    #nav {

        margin:0;
        padding:0;

    }

    #nav > li {

        height:46px;
        margin:0 20px;
        padding:0;
        list-style: none;
        display: inline-block;
        position: relative;
        padding-bottom:10px;

    }

    #nav > li:nth-child(3) { margin-right:145px; }

    #nav > li > a {

        color:#211f5d;
        text-decoration:none;
        font-size:15px;
        line-height: 1;
        font-weight: 600;

    }

    #nav .sub-menu {

        position: absolute;
        top:100%;
        left:-20px;
        background-color:#e16360;
        background-color: #211f5d;
        width:300px;

        margin:0;
        padding:0;

        display: none;
        -webkit-box-shadow: 0px 10px 20px -9px #999;
        -moz-box-shadow: 0px 10px 20px -9px #999;
        box-shadow: 0px 10px 20px -9px #999;

    }

    #nav .sub-menu li {

        margin:0;
        padding:0;
        list-style: none;
        color:#FFF;
        position:relative;
        border-bottom:1px solid #4441a6;

    }

    #nav .sub-menu li:last-child {

        border:none;

    }

    #nav .sub-menu li a {

        color:#FFF;
        text-decoration: none;
        display: block;
        padding:10px 20px;
        box-sizing: border-box;
        font-weight: 600;
        text-align: left;

    }

    #nav .sub-menu li .fa-chevron-right {

        position:absolute;
        right:15px;
        top:12px;

    }

    #nav li:hover > ul {
        display:block;
        z-index:100;
    }


    #nav > li .nav-up,
    #nav > li .nav-down
    { display: none; }
 
    #mobile-button { display: none; }
    
}

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

    
    #mobile-button {

        display: flex;
        width:50px;
        height:50px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        position: absolute;
        top:20px;
        right:15px;
        
    }

    #mobile-button .clicker { 

        position:absolute;
        z-index: 1;
        top:0;
        left:0;
        right:0;
        bottom:0;
        display: block;
      
    }

    #mobile-button #m-lines {
        
        width:25px;

    }

    #mobile-button #m-lines .m-line {

        display: block;
        width:100%;
        height:3px;
        background-color:#211f5d;
        margin-bottom:4px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px; 
        -khtml-border-radius: 30px; 
        position: relative;

    }

    #mobile-button.mobile-button-on #m-lines .m-line:first-child { transform: rotate(45deg); top:4px; }
    #mobile-button.mobile-button-on #m-lines .m-line:nth-child(2) { transform: rotate(-45deg); top:-3px; }
    #mobile-button.mobile-button-on #m-lines .m-line:last-child { display: none; }

    #nav-scroll {
 
        position: fixed;
        top:91px;
        left:0;
        right:0;
        bottom:0;
        overflow:auto;
        background-color:#211f5d;
        display: none;

    }

    #nav-scroll.mobile-nav-on { display: block; }

    #nav {
        
        margin:0;
        padding:0;
        position: absolute;
        top:0;
        left:0;
        right:0;
        border-top:1px solid #5451b2;
        text-align: left;
   
    }

    #nav > li {

        display: block;
        margin:0;
        padding:0;
        list-style: none;
        border-bottom:1px solid #5451b2;
        position: relative;
    }

    #nav > li .clicker { 

        position:absolute;
        z-index: 1;
        top:0;
        left:0;
        right:0;
        bottom:0;
        display: block;
      
    }
    
    #nav > li .sub-nav-toggle
    { 
        
        position: absolute;
        right:0px;
        top:0px;
        color:#FFF;
        width:56px;
        height:56px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;

    }

    #nav > li .sub-nav-toggle svg { z-index: 0; }

    #nav > li .nav-up { display: none; }
    #nav > li.sub-menu-on .nav-up { display: flex; }
    #nav > li.sub-menu-on .nav-down { display: none; }
 
    #nav > li > a {

        color:#FFF;
        display: block;
        padding:20px 30px;
        text-decoration: none;
        box-sizing: border-box;
        font-weight: bold;
   
    }

    #nav .sub-menu {

        margin:0;
        padding:0;
        height:0;
        overflow: hidden;

    }

    #nav > li.sub-menu-on .sub-menu {

        height: auto;

    }

    #nav .sub-menu li {

        background-color:#4b48a8;
        border-bottom:1px solid #211f5d;

    }

    #nav .sub-menu li:last-child {

        border:none;

    }

    #nav .sub-menu li a {

        color:#FFF;
        display: block;
        padding:20px 45px;
        text-decoration: none;
        box-sizing: border-box;
        font-weight: 500;
        position: relative;

    }

    #nav .sub-menu li svg {

        position: absolute;
        right:30px;
        top:22px;
        
    }
    
}


#logo {

    width:124px;
    display: block;
    position: absolute;
    left:50%;
    top:10px;
    margin-left:-62px;

}

#logo img {

    width:100%;

}

#wrapper {
    
    min-height: calc(100vh - 60px);
    margin:0;

}

#footer {

    background-color: #211f5d;
    padding:20px 0;
    height:60px;
    box-sizing: border-box;
    position: relative;

}

#footer p {

    color:#FFF;
    margin:0;

}

#footer a {

    color:#FFF;
}

#footer ul {

    color:#FFF;
    margin:0;
    padding:0;

}

#footer ul li {

    color:#FFF;
    margin:0 20px 0 0;
    padding:0;
    list-style: none;
    display: inline;
    font-size:20px;

}

#social-links {

    position: absolute;
    right:0;
    top:15px;

}

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

    #wrapper { min-height: calc(100vh - 100px); }
    
    #footer { 
        
        height:120px;
        text-align: center;
    
    }

    #footer a { white-space: nowrap; }

    #social-links { position: static; }

    #footer ul { margin-top:15px; }
    #footer ul li { margin:0 10px; }

}

.wide-text { margin-bottom:30px; }

.wide-img { text-align: center; }

.w-img {  max-width: 100%; }

.video {

    max-width: 800px;
    margin:0 auto 30px auto;

}

.video-560 {

    max-width: 560px;
    margin:0 auto;

}

.video-wrapper {

    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;

}

.video-wrapper iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.dual { display: flex; }
.dual .d-col { flex:1; }
.d-pad-left { margin:0 0  30px 40px; }
.d-pad-right { margin:0 40px 30px 0; }
.d-pad-full {margin:0 40px;}

.d-img { max-width: 100%; }

.dual-img {

    display: none;

}

.dual-wide { display: flex; min-height: 500px; }
.dual-wide .dw-col { 
    
    flex:1;
    padding:80px 0;

    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;

}


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

    .dual { 
        
        display: flex; 
        flex-wrap: wrap;
 
    }

    .dual .d-col {

        flex: 0 0 100%;
        margin-bottom:20px;
 
    }

    .dual.reverse .d-col:nth-child(1) { order:2; }
    .dual.reverse .d-col:nth-child(2) { order:1; }

    .d-pad-left,
    .d-pad-right,
    .d-pad-full
    { margin:0; }

    .dual-wide { 
        
        display: flex; 
        flex-wrap: wrap;
        padding:0 20px; 
        height:auto;
    
    }
    .dual-wide .dw-col { 

        flex: 0 0 100%;
        padding:0; 
        background-image:none !important;
        box-sizing: border-box;
        margin-bottom:20px;
 
    
    }

    .dual-wide.dual-img-outer .dw-col:nth-child(2) { order:1; }
    .dual-wide.dual-img-outer .dw-col:nth-child(1) { order:2; }

    .dual-img { 
        
        display: block;
        margin:0 auto 30px auto;
        max-width: 100%;
    
    }

    .dual-wide .dw-col.colordiv {

        padding:20px;

    }
 

}

.trips {
    
    display: flex;
    justify-content: space-between;

}

.trip { 

    flex-basis: 32%;
    min-height: 500px; 
    background-color:#211f5d;
    color:#FFF;
    position: relative;

}

.trip h3 { color:#FFF; }

.trip:nth-child(2) { background-color:#e16360; }
.trip:nth-child(3) { background-color:#1d9bf0; }

.t-pad {

    padding:30px 30px 100px 30px;

}

.trip .button-bottom { 

    position: absolute;
    bottom:25px;
    left:0;
    right:0;

}


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

    .trips {
    
        display: block;
        min-height: 300px; 
   
    }

    .trip { 
    
        margin-bottom:20px;

    }
    
    
}

/*

.trip:nth-child(2) { background-color: #e16360; }
.trip:nth-child(3) { background-color: #4d49c1; }

*/

.button-top {

    margin:20px 0 0 0;

}

#news {

    position: relative;
    padding:80px 0;

}

#news-left {

    margin-right:340px;
    min-height:600px;

}

#news-left img {

    max-width: 100%;

}

#news-right {

    position: absolute;
    right:0;
    top:80px;
    width:300px;

}

.news-teaser {

    border-bottom:4px solid #211f5d;
    padding-bottom:150px;
    margin-bottom:30px;
    position: relative;

}

.news-teaser h2 {

    margin:0 0 10px 0;

}

.news-teaser h2 a {

    color:#211f5d;
    text-decoration: none;

}

.news-teaser .button {

    position: absolute;
    right:0;
    bottom:60px;

}

.news-img {

    max-width: 100%;
    display: block;
    margin-bottom:30px;

}

.news-date {

    font-size:12px;
    font-weight: bold;
    margin:0 0 15px 0;
  
}

.blog-author {

    font-size:18px;
    font-weight: bold;
    margin-bottom:7px;

}

#tag-cloud {

    line-height: 1.5;
    
}

#tag-cloud a {

     text-decoration: none;
     white-space: nowrap;

}

#blog-search {

    margin-bottom:30px;

}

#blog-search input {

   font-family: 'Montserrat', sans-serif;

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px; 

   width:300px;
   padding:15px 20px;

   border:1px solid #CCC;

   width:100%;
   box-sizing: border-box;

   margin-bottom:20px;

} 

#blog-search .search-submit {

    display: block;
    background-color:#e16360;
    border:none;
    color:#FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px; 
    padding:15px 40px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin:0 auto;
    font-size:16px;
    outline:none;
    width:150px;

}

.excerpt {

    font-size: 16px;
    line-height: 1.5;

}

.share-links {

    margin:0;
    padding:0;
 
}

.share-links li {

    margin:0 15px 0 0;
    padding:0;
    list-style: none;
    display: inline;
    font-size:22px;

}

.news-teaser .share-links  {

    position: absolute;
    left:0;
    bottom:70px;

}

.news-content {

    position: relative;

}

.news-content .share-links  {

    position: absolute;
    right:0;
    top:-10px;

}

.pagination ul {

    margin:0;
    padding:0;

}

.pagination ul li {

    margin:0;
    padding:0;
    list-style: none;
    display: inline-block;
    background-color: #211f5d;
    border:1px solid #211f5d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px; 
    
}

.pagination ul li.active {

    background-color:#e16360;
    border:1px solid #e16360;
    
}

.pagination ul li.ell {

    background: none;
    border:none;

}

.pagination ul li a {

    min-width:20px;
    display: block;
    padding:10px;
    line-height: 1;
    color:#FFF;
    text-decoration: none;
    text-align: center;

}

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

    #news { padding:40px 0; }
    #news-left { margin:0; min-height: auto; }
    #news-right { display: none;}
    
}


#video-grid h2 {

    font-size:15px;

}

.vg {

    cursor: pointer;
    width: 25%;
    display: inline-block;
    margin: 0 0 30px -4px;
    text-align: left;
    vertical-align: top;

}

.v { margin:0 10px; }
.v img { width: 100%; }

.vd {

    display: none;

}

#video-pop {

    max-width: 800px;
    margin:0 auto 30px auto;
    position: relative;

}

#video-pop .v-close { 
    
    position: absolute;
    top:-5px;
    right:-30px;
    font-size:30px;
    cursor: pointer;

}

#video-pop .v-close .svg-inline--fa { 
    
    font-size:30px;
    position:relative;
    z-index: 0;
  
}

#video-pop .v-close .clicker { 

    position:absolute;
    z-index: 1;
    top:0;
    left:0;
    right:0;
    bottom:0;
  
}

/*
	li {font-size: 16px;
		line-height: 1.5;
     margin-bottom:15px;}
     
     */

.alignleft{ text-align:left; margin-right:15px; margin-bottom:15px; }
.small_text{ font-size:11px;}
blockquote{ line-height: 1.5; }


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

    #video-pop { max-width: 85%; }

}

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

    .vg { width: 50%; }

}

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

    .vg { width: 100%; }

}


#slide {

    width: 100%;
    max-width: 900px;
    right: 0;
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 10000;
    right: -2000px;
    overflow-y: scroll;
    background-color:rgba(255, 255, 255, 0.95);

}

#slide iframe {

    width:100%;

}

#slide-pad {

    padding:40px;

}

#slide #close-slide {

    width:30px;
    height:30px;
    position: absolute;
    top:20px;
    right:10px;
    cursor: pointer;

}

#slide #close-slide svg {

    font-size:30px;
     
}

#slide.congress-frame iframe  { height:1300px; }


#slide.mail-frame { width:475px; }
#slide.mail-frame iframe { height:600px; }

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

    #slide-pad {

        padding:20px;
    
    }

}


.tweet-pad {

    padding:0 50px;

}

.tweet-button {

    margin-top:40px;

}

.form input,
.form textarea,
.form select {

   font-family: 'Montserrat', sans-serif;

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px; 

   width:300px;
   padding:15px 20px;

   border:1px solid #CCC;

   width:100%;
   box-sizing: border-box;

   margin-bottom:20px;

} 

.form select {

    appearance: none;
    background-image: url(images/chevron-down-solid.svg);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size:auto 20px;

}

.red-holder {

    border:1px solid #FF0000 !important;

}

.form-error {

    color:#FF0000;
    
}

#state { margin-top:20px; }
#zip { margin-top:20px; }

#tell-us {

    min-height: 300px;

}

.tweet-error {

    color:#FF0000;

}

#search-results {

    margin:40px 0;

}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {

    font-family: 'Montserrat', sans-serif;

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px; 

   padding:15px 20px;

   border:1px solid #CCC;

   width:100%;
   box-sizing: border-box;

   margin-bottom:20px;

}

.ninja-forms-field[type=button] {

    display: block !important;
    background-color: #e16360 !important;
    border: none;
    color: #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    padding: 15px 40px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto 15px auto !important;
    font-size: 16px;
    outline: none;
    width:200px !important;

}

.nf-form-fields-required {

    margin-bottom:30px !important;

}

#basic h2 {

    margin-top:30px;

}

#basic table {

    margin:30px 0;
    width:100%;
    
}

#basic table td {

   width:48%;
   vertical-align: top;
 
}

#basic table td p {

    margin:0 10px 10px 0;

}

.thank-you {

    position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	box-sizing: border-box;

}