/*
Theme Name: NT Multiple Birth Club - WordPress Theme
Author: Sprout (Coded by Grant Deelstra)
Author URI: http://www.madebygrant.com
Description: Theme for the NT Multiple Birth Club website.
Version: 1.0
*/


@font-face {
    font-family: 'st_ryde';
    src: url('fonts/stryde-regular-webfont.eot');
    src: url('fonts/stryde-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stryde-regular-webfont.woff') format('woff'),
         url('fonts/stryde-regular-webfont.ttf') format('truetype'),
         url('fonts/stryde-regular-webfont.svg#st_ryde') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*////////////////////////////////////////////////////////
   Global Rules
///////////////////////////////////////////////////////*/
root { 
    display: block;
}
html, body, .container-fluid, ul, h1, h2, h3, h4{
    margin: 0; padding: 0;
}
html, body{
  width: 100%; height: 100%; font-size: 14px; 
}
body{
    font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.428571429; color: #333333; background: url('img/bg.jpg') repeat-x; background-position: left top; background-size: 100%;
}
.container, .footer-center{
    width: 960px; margin: 0 auto;
}
.container{
     min-height: 80%; position: relative;
}

/* Container's background colour for front page */
.page-template-front_page_template-php .container{
    background: #4cc7d7; color: #fff;
}

/* Container's background colour for front page */
.page-template-default .container, .error404 .container{
    background: #94dde7;
}

.clouds{
    position: absolute; left: 0; z-index: +1; width: 100%; height: 100%; 
    background: url('img/clouds.png') no-repeat; background-position: top center;
}


/* ---- Text Styles ---- */
abbr, q, i, cite, em, var, address, dfn{
    font-style: italic;
}
input[type="text"], input[type="checkbox"], input[type="email"], input[type="tel"], input[type="password"], input[type="radio"], input[type="date"], textarea, select, option{
    border: #ccc 1px solid;
}
input[type="text"]:focus, input[type="checkbox"]:focus, input[type="email"]:focus,input[type="tel"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="date"]:focus, input[type="submit"]:focus, textarea:focus, select:focus, option:focus,
.more-link a:focus, #respond #submit:focus{
    outline: 0;  border: 1px #888 solid;
}
cite{
    font-weight: 600;
}
acronym{
    text-transform: uppercase;
}
pre{
    padding: 6px; border: 1px #eee solid;
}
h1, h2, h3, h4{
  font-family: 'Raleway', Verdana, Geneva, sans-serif; font-weight: 600;  
}
h2{
   font-family: 'st_ryde', Verdana, Geneva, sans-serif; text-transform: uppercase;
}
.post-top h2{
     font-size: 5.2em;
}
/* Main header colour for front page */
.page-template-front_page_template-php h2{
    color: #c7e6a4;
}
/* Main header colour for other pages */
.page-template-default h2, .error404 h2{
    color: #00b6ed;
}

h3{
    font-size: 1.5em;
}
h4{
    font-size: 1.2em;
}
p, li{
    font-family: 'Raleway', Verdana, Geneva, sans-serif; font-size: 1.2em; text-align: justify; margin: 0.5em 0;
}

.clear{
    clear: both;
}


/* ---- Page Hyperlinks ---- */
a img {
    text-decoration: none; border: 0 none;
}
.page-template-default a:link, .footer-contact-info a:link {
    color: #333; text-decoration:none; padding: 1px; border-bottom: 1px dotted #333;
}
.page-template-default a:visited, .footer-contact-info a:visited {
    color: #333; text-decoration:none; border-bottom: 1px dashed #333;
}
.page-template-default a:hover, .footer-contact-info a:hover {
    color: #fff; text-decoration: none; border-bottom: 1px dotted #fff
}
.page-template-default a:active, .footer-contact-info a:active {
    color: #ccc; text-decoration:none; border-bottom: 1px dotted #ccc;
}

/* ---- Image & Caption alignments ---- */
.alignleft.wp-caption, .alignleft{
    float: left; display: block; margin: 1% 1% 1% 0%;
}
.aligncenter.wp-caption, .aligncenter{
    margin: 0 auto !important; display: block; margin: 1%;
}
.alignright.wp-caption, .alignright{
    float: right; display: block; margin: 1% 0% 1% 1%;
}
.aligncenter.wp-caption, .alignright.wp-caption, .alignleft.wp-caption{
    text-align: center;
}
.alignnone{
    float: left; text-align: center; margin: 1% 0%;
}
.alignleft, .alignright, .aligncenter, .alignnone{
    clear: both;
}

/*////////////////////////////////////////////////////////
   Layers control
///////////////////////////////////////////////////////*/
.side-menu-wrap, .footer-center, .single-page, .logo, .widget-wrap{
    position: relative; z-index: +3;
}

/*////////////////////////////////////////////////////////
   Header - Title & Tagline (header.php)
///////////////////////////////////////////////////////*/
header, .single-page{
    float: right; width: 70%;
}
.title-banner{
    
}
.title-banner h1{
    display: none;
}
.logo{
    float: right; width: 220px;
}
.logo img{
    width: 100%; height: auto;
}
.logo a, .facebook-button{
    border-bottom: none !important;
}

/* ---- Facebook button ---- */
.facebook-button{
    position: absolute; top: 17px; right: 16px; z-index: +4;
}
.facebook-button:hover{
    opacity: 0.8;
}


/*////////////////////////////////////////////////////////
   Side Menu (header.php or sidebar.php)
///////////////////////////////////////////////////////*/
.side-bar{
    float: left; width: 30%;
}

.side-menu-wrap{
    float: left; width: 414px; height: 393px; background: url('img/bird-menu.png') no-repeat;
    position: relative; z-index: +3; margin-left: -60%;
}
.side-menu-wrap ul{
    list-style: none; float: right; margin-top: 140px; margin-right: 30px;
}
.side-menu-wrap li{
    font-family: 'st_ryde', Verdana, Geneva, sans-serif; font-size: 2.8em; font-weight: 900; padding: 3px;
    text-transform: lowercase; text-align: center; margin: 0;
}

/* ---- Menu Link Rotations ---- */
.side-menu-wrap li:nth-child(odd){
    -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); 
    -ms-transform: rotate(5deg); transform: rotate(5deg);
}
.side-menu-wrap li:nth-child(even){
    -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); 
    -ms-transform: rotate(-2deg); transform: rotate(-2deg);
}
.side-menu-wrap li:first-of-type{
    -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); 
    -ms-transform: rotate(-7deg); transform: rotate(-7deg); 
    font-size: 2em !important; 
}

/* ---- Menu links ---- */
.side-menu-wrap a:link {
    color:#3c9693; text-decoration:none; border-bottom: 2px solid transparent;
}
.side-menu-wrap li:first-of-type a {
    color: #00b6ed !important;
}

.side-menu-wrap a:visited {
    color:#3c9693; text-decoration:none; border-bottom: 2px solid transparent;
}
.side-menu-wrap a:hover {
     border-bottom: dotted 2px #756f6d; text-decoration: none;
}
.side-menu-wrap a:active {
    color: #c7e6a4; text-decoration:none; border-bottom: 2px solid transparent;
}

/* ---- Current menu item  ---- */
.side-menu-wrap .current-menu-item a:link{
    color: #756f6d;
}
.side-menu-wrap .current-menu-item a:visited{
    color: #756f6d;
}
.side-menu-wrap .current-menu-item a:hover{
    border-bottom: solid 2px transparent;
}


/* ---- Widgets - (Styled for the 'WP-Cycle') ---- */
.widget-wrap{
    float: left; width: 100%;
}

.widgets{
    width: 80%; padding: 3%; margin: 0 auto; background: #fff;
}
.widgets img{
    height: auto;
}
#rotator img{
    width: 100%; height: auto;
}
#rotator p{
    text-align: center;
}


/*////////////////////////////////////////////////////////
    Front Page (front_page_template.php)
///////////////////////////////////////////////////////*/
.home .single-post-no-image{
    margin-top: 10%;
}

.home .single-page-entry h3{
    font-size: 1.7em;
}
.home .single-page-entry h3{
    text-transform: uppercase;
}
.single-page-entry hr{
    border: rgba(255,255,255,0.2) solid 1px; margin: 24px 0px;
}


/*////////////////////////////////////////////////////////
    Posts & Pages
///////////////////////////////////////////////////////*/
.single-post-no-image{
    padding: 2%;
}
.post{
   float: left; margin-bottom: 1%; 
}

.post-top small{
    float: left; margin: 1% 0%; width: 100%; text-transform: uppercase; text-align: right;
    letter-spacing: 0.1em; word-spacing: 0.1em;
}

/* -- Feature Thumbnails -- */
.post-feature-thumb img, .single-feature img{
    width: 100%; height: auto;
}

/* ---- Post Content ---- */
.post-entry{
    margin: 1% 0%;
}

/* ---- Post Metadata ( tags, categories, posted by) ---- */
.post-metadata{
    float: left; margin-bottom: 0%; margin-top: 1%; text-transform: uppercase;
    letter-spacing: 0.1em; word-spacing: 0.1em;
}


/*////////////////////////////////////////////////////////
   Forms
///////////////////////////////////////////////////////*/
.wpcf7{
   position: relative;  max-width: 645px;
}
.wpcf7, .wpcf7-form, .wpcf7 p, .wpcf7 table, .wpcf7 table input[type="text"], .jf-submit{
    float: left; width: 100%;
}
.wpcf7 .label{
    float: left; width: 180px; text-align: left;
}
.wpcf7-list-item{
    margin-left: 0 !important;
}
.wpcf7 table input[type="text"]{
    padding: 6px 2%; width: 96%;
}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="date"], .wpcf7 select{
    padding: 4px
}
.wpcf7 input[type="date"]{
    font-family: inherit;
}
.wpcf7-submit{
    cursor: pointer; padding: 1% 4%; border: 1px #888 solid;
}
.wpcf7-submit:hover{
    background: #ccc;
}
div.wpcf7-response-output{
    float: left; background: #eee; color: #333;
    width: 90%; padding: 4%; text-align: center; border: 3px solid #ccc !important;
}
.wpcf7-mail-sent-ok{
    position: absolute; top: 15%; left: 0; right: 0; width: 50% !important; padding: 30px !important;
}

/* -- Joining Form -- */
.jf-section{
    float: left; width: 100%; margin: 10px 0px;
}
.jf-submit input[type="submit"]{
    float: right;
}


/*////////////////////////////////////////////////////////
    Footer (footer.php)
///////////////////////////////////////////////////////*/
.stripe{
    width: 100%; position: absolute; z-index: +3; left: 0; bottom: -1px; background: url('img/stripe.png') no-repeat;
    height: 12px;
}
.right-stripe{
     float: right; position: relative; z-index: -1; background: #bbe4b2; width: 50%; height: 10px; margin-top: -10px;
}

footer{
    float: left; width: 100%; background: #9ecbc9; min-height: 20%;
}
.footer-center{
     background: #3c9693; height: 100%; 
     -webkit-border-bottom-left-radius: 40px; -moz-border-radius-bottomleft: 40px; border-bottom-left-radius: 40px;
}
.quick-links h2{
    font-size: 2.4em; color: #00e5bf; margin-left: 40px;
}

/* ---- Quick links ---- */
.quick-links{
    float: left; background: #3c9693; overflow: hidden; width: 960px;
    -webkit-border-bottom-left-radius: 40px; -moz-border-radius-bottomleft: 40px; border-bottom-left-radius: 40px;
    
}
.quick-links ul{
    list-style: none;
}
.quick-links li{
    float: left;
}
.quick-links li img{
     margin-top: -1px;
}

/* ---- Quick links - on hover dotted line ---- */
.quick-links li a:link, .quick-links li a:visited{
    float: left; border-bottom: solid 2px transparent; margin-bottom: 4px;
}
.quick-links li a:hover{
     border-bottom: dotted 2px #47adaa;
}

.footer-contact-info{
    float: left; display: inline-block; width: 96%; padding: 1% 2%; max-width: 930px; color: rgba(255,255,255,0.5); 
    font-size: 11px;
}
.footer-contact-info p{
     float: left; width: 100%; text-align: center;
}