/*
Theme Name: Rising
Theme URI: www.wearerising.com.au
Description: A fully customized theme especially for Rising Creative
Version: 1.0
Author: Laura Chong
Author URI: http://www.wearerising.com
Tags: 
*/


* {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline:none;
}



body {
    width: 100%;
    height: 100%;
    font-family:"Brandon Grotesque", "brandon-grotesque", Helvetica, Arial,sans-serif;
    color: #666666;
    background-color: #333333;
    font-weight:300;
}

html {
    width: 100%;
    height: 100%;
}


p.nopadding {padding:0px; margin: 0px 0px 5px 0px;}
.textright {text-align: right;}
.highlight {color:#00b4a2;}
a {color:#999999;}
a:hover {color:#00b4a2; text-decoration: none;}

input, textarea {border-radius:0px; width:100%;}

h2, h2>p {font-size: 21px; font-weight: 300; line-height: auto}
h3, h3>p {font-size: 18px; font-weight: 500; padding:0px; margin:0px;}
h4, h4>p {font-size: 16px; font-weight:300; font-style:italic; padding:0px; margin:0px 0px 10px;}
h5, h5>p {font-size: 14px; font-weight: 400; padding:0px; margin:0px 0px 5px 0px;}


.folio_hover {opacity: 0.0;
                filter: alpha(opacity=0);
              background-color: rgba(0,0,0,.8);
color: #FFFFFF;
position: absolute;
height: 391px;
width: 555px;
top: 0px;
left: 15px;
text-align: center;
padding-top: 150px;
outline:none;
}
.folio_hover a h2 {color:#00b4a2; font-weight: 500;outline:none;}
.folio_hover a p {color: #CCCCCC;outline:none;}
.folio_hover a h2:hover {color:#ffcc00;outline:none;}
.twocolumnp .folio_hover p {font-size: 12px; color:#CCCCCC; font-style:italic;}
.services {color:#CCCCCC; font-style:italic;}
.folio_hover:hover {opacity: 1; filter: alpha(opacity=1000);}
.folio_responsive {padding-bottom:50px;}
.folio_responsive a h2 {color:#00b4a2; font-size: 26px; font-weight: 500;}
.folio_responsive a h2:hover {color:#ffcc00;}
.twocolumnp .folio_responsive p {font-size: 12px; color:#CCCCCC; font-style:italic; margin-top: -10px;}
.backfolio p {color:#CCCCCC; font-style: italic; padding:0px;}
.backfolio a {color:#333333;}
.backfolio a:hover {color:#00b4a2;}
.folio_landing {margin-bottom:20px;}



.navbar {margin-bottom: 0; font-size: 16px; border-bottom: 1px solid #cccccc; font-family: "Brandon Grotesque", "brandon-grotesque", Helvetica,Arial,sans-serif;}
#home .navbar-brand {display:none;}
.navbar-brand {width:114px; left:50%; margin-left:-57px !important; position:absolute; top: 5px; opacity: 0; float:none;}
.top-nav-collapse .navbar-brand,
#page .top-nav-collapse .navbar-brand {opacity:1; position:absolute;}
#page .navbar-brand {opacity: 1;}

.navbar-toggle {border-color:#00b4a2; position:fixed; top: 12px; right: 10px; padding: 6px 9px; margin-top: 0; margin-right: 0; margin-bottom: 0;}
.navbar-toggle .icon-bar {background-color: #00b4a2;}


.navbar {
    padding: 15px 0px;
    border-bottom: 0;
    background: 0 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;

}

.navbar, .navbar.top-nav-collapse {background-color: rgba(255,255,255,.8);}

.navbar-brand {float: none; height:auto; padding:0px; font-size: auto; line-height: auto;}

.nav, .socialnav {width:100%; text-align:center; margin: 0 auto;}

.navbar-left {margin-top:40px;}
#page .navbar-left {margin-top:80px;}
.navbar-custom a {color: #666666;}
.socialnav {margin-top:10px;}
.nav>li>a {padding:0px 10px;}

.nav>li {display:inline-block; position:relative; float:none;}
.socialnav li a span {display: block; text-indent: -999em; position: relative; margin: 0 auto; text-align: center; display: block;
height: 30px;
width: 30px;
background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
background-color: #f7f7f7;}
#home .socialnav li a span {background-color:#00b4a2;}
#home .socialnav li a span:hover {background-color:#ffcc00;}
.socialnav li a span:hover {background-color: rgba(255,204,0,0.1); background-color: #ffcc00;}
.socialnav li a.facebook span {background-image: url(http://risingcreative.com.au/admin/wp-content/themes/wp_rising2014/img/fb-1.png); background-position: center; background-repeat: no-repeat;}
.socialnav li a.twitter span {background-image: url(http://risingcreative.com.au/admin/wp-content/themes/wp_rising2014/img/twitter-1.png); background-position: center; background-repeat: no-repeat;}
.socialnav li a.instagram span {background-image: url(http://risingcreative.com.au/admin/wp-content/themes/wp_rising2014/img/insta-1.png); background-position: center; background-repeat: no-repeat;}
.nav>li.newprops {display:block!important; padding: 5px 0px; clear:both!important; font-size: 12px; margin-bottom:10px;}
.navbar-nav>li.newprops>a { line-height: 14px;}


.intro .intro-body .intro-text {font-size: 14px; line-height: 16px; text-align: center; color:#00b4a2; padding: 0px 0px; font-weight:300; }
.intro .intro-body .intro-text p {padding-bottom:5px;}


.risewithus {background: #00b4a2; color:#FFFFFF; padding: 25px 0px; font-size: 18px;}
.risewithus a {text-decoration:none; color:#FFFFFF;border-bottom: 2px solid #FFFFFF; }
.risewithus a:hover {text-decoration:none; color:#ffcc00 ; border-bottom: 2px solid #ffcc00; } 


.separator {height: 3px; background:#FFFFFF; margin-bottom:30px; margin-top: 50px;}
.page_cont {padding: 100px 20px 20px; background: #f7f7f7;}
.twocolumnp {padding-bottom:20px;}

.wpcf7-form {padding-top:50px; text-align: center;}
.wpcf7-form p.label {color: #666666; font-size: 18px; font-weight: 300; display: block; padding: 0px; margin: 20px 0px 0px 0px;}
.wpcf7-form p.label-sml {color:#999999; font-size: 12px;}
.wpcf7-list-item-label {font-size: 18px; font-weight:300; margin-right:20px; margin-left:5px;}
input[type=range].wpcf7-range {width: 100%; margin: 0px auto 20px;}
.wpcf7-form input, .wpcf7-form textarea {font-size: 18px;border: 0px; padding: 0px; background: #FFFFFF; padding:5px 10px; border-bottom: 1px solid #00b4a2; margin-bottom: 10px; margin-top: 10px; color:#00b4a2;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-bottom:1px solid #ff0000;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {border-bottom:1px solid #ffcc00; background:#FFFFFF; color:#ffcc00; outline:none;}
.wpcf7-form input.wpcf7-submit {
  text-align: center;
/* width: 100%; */
background: none;
border-radius: 0px;
color: #00b4a2;
border: 0px;
box-shadow: none;
/* text-decoration: underline; */
display: block;
clear: both;
font-size: 30px;
padding: 0px;
margin: 0px auto;
border-bottom: 1px solid #00b4a2;
}
.wpcf7-form input.wpcf7-submit:hover {color:#ffcc00;}
#Budget-val {font-size: 18px; font-weight: 300; color:#00b4a2;}



.wpcf7-form input[type="range"]:focus {border:0px; background:#ffcc00;}

input[type="range"] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  height: 5px;
  margin: 0;
  border: none;
  padding: 1px 2px;
  border-radius: 14px;
  background: #cccccc;
  box-shadow: none;
  outline: none; /* no focus outline */
}

input[type="range"]::-moz-range-track {
  border: inherit;
  background: transparent;
}

input[type="range"]::-ms-track {
  border: inherit;
  color: transparent; /* don't drawn vertical reference line */
  background: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
  background: transparent;
}

input[type="range"]::-ms-tooltip {
  display: none;
}

/* thumb */

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 40px;
  height: 18px;
  border: none;
  border-radius: 12px;
  background:#00b4a2;
}
input[type="range"]::-moz-range-thumb {
  width: 40px;
  height: 18px;
  border: none;
  border-radius: 12px;
  background:#00b4a2;
}

input[type="range"]::-ms-thumb {
  width: 40px;
  height: 18px;
  border-radius: 12px;
  border: 0;
  background:#00b4a2;
}





#page .twocolumnp ul {padding-left: 18px;}
#page h3 {padding-top:30px;}

footer {background: #333333; color:#999999; padding: 20px 20px 30px; font-size: 12px; line-height:15px;}
footer h5 {color:#CCCCCC;}
footer a {text-decoration: none; color:#666666;}
.footer1 img {width: 11px; height:40px;}
.footer1 {text-align: center;}
.footer1, .footer2, .footer3, .footer4 {clear: both; margin-bottom: 20px; padding-bottom: 20px;}
footer #menu-social-menu,footer #menu-social-menu li{padding:0px; margin:0px; list-style: none;}
.footer2 form {margin-top:20px; clear:both; margin-bottom: 80px;}
.footer2 form input {border: 0px; padding: 0px; background: none; border-bottom: 1px solid #00b4a2; margin-bottom: 5px; float: left; color:#00b4a2;}
.footer2 form input#fieldName {width: 100px; margin-right: 10px; }
.footer2 form input#fieldEmail {width: 150px;}
.footer2 form input:focus {border-bottom:1px solid #ffcc00; background:none; color:#ffcc00; outline:none;}
.footer2 form button {background:none; border-radius: 0px; color:#00b4a2; border:0px; box-shadow:none; text-decoration: none; float: right;}
.footer2 form button:hover {color:#ffcc00;}





div.wpcf7-response-output {
  padding: 0px;
  display: block;
font-size: 26px;
width: 50%;
margin: 2em auto 1em;
}


div.wpcf7-mail-sent-ok {
color: #cee1df;
border:none;
}

div.wpcf7-mail-sent-ng {
  color:#ffcc00;
  border: none;
}

div.wpcf7-spam-blocked {
  color:#ffcc00;
  border: none;
}

div.wpcf7-validation-errors {
  color:#ffcc00;
  border: none;
}






@media (min-width: 768px) {

input, textarea {width:auto;}

h2, h2>p {font-size: 24px; font-weight: 300; line-height: auto}
h3, h3>p {font-size:18px; font-weight: 500; padding:0px; margin:0px;}
h4, h4>p {font-size:14px; font-weight:300; font-style:italic; margin-top: 0px;}
h5, h5>p{font-size: 16px; font-weight: 400;}

.intro {height: 100%; padding: 0;}
.intro .intro-body {vertical-align: top !important; padding-top:170px;}
.intro .intro-body .intro-text {font-size: 22px; line-height: 25px; padding: 30px 0px;}

.risewithus {padding: 20px 0px; font-size: 21px;}

.nav>li {display:block; position:relative; float:left;}
.nav>li>a {padding:0px 10px;}
.navbar {padding: 30px 0px; background:none;}
.navbar-left {margin-top:0px;}
#page .navbar-left {margin-top:0px;}
.socialnav {margin-top:0px;}
.top-nav-collapse .socialnav {margin-top: -5px;
margin-bottom: 5px;}

#page .navbar {padding: 25px 0px 10px;}
#page .navbar.top-nav-collapse {padding: 25px 0px 0px}
#page .navbar-header {top:3px;}
#home .navbar.top-nav-collapse {padding:30px 0px 10px;}

#page .navbar-header img {width:60%;}
#page .top-nav-collapse .navbar-header {top:2px; text-align: center;}
#page .top-nav-collapse .navbar-header img {width: 60%; height:auto;}

.navbar-custom {font-size:12px;}
.navbar-custom a {color: #fff;}
.nav>li>a {padding:0px 10px;}
.navbar-header {width:114px; left:50%; margin-left:-57px !important; position:fixed; top: 11px; }
.nav>li.newprops {display:inline; padding: 1px 10px 0px 0px; clear: none; font-size: 12px; text-align: left;}
/* #page .navbar-custom li.newprops a {color:#00b4a2;} */

input[type=range].wpcf7-range {width: 50%;}

.seperator {margin: 50px 0px 60px;}
.twocolumnp p {font-size:12px;}
.page_cont {padding: 120px 0px; background: #f7f7f7;}

footer {padding: 30px 0px 50px; font-size: 14px; line-height:17px;}
.footer1, .footer2, .footer3, .footer4 {clear: none; margin-bottom: 0px; padding-bottom: 0px;}
.footer1 img {width: 21px; height:79px;}

}




@media (min-width: 992px) {
.intro .intro-body {vertical-align: top !important; padding-top:120px; font-weight:100;}
}


@media (min-width: 1200px) {

h2, h2>p, .widep h2 p {font-size: 32px; font-weight: 300; line-height: auto}
h3, h3>p {font-size: 22px; font-weight: 500; padding:0px; margin:0px;}
h4, h4>p {font-size: 18px; font-weight:300; font-style:italic; margin-top: 5px;}
h5, h5>p{font-size: 18px; font-weight: 500;}

.navbar-custom {font-size: 18px;}
.nav>li>a {padding:0px 20px;}
.nav.socialnav>li>a {padding:0px 10px;}
.navbar {padding: 40px 0px;}

.intro .intro-body .intro-text {font-size: 26px; line-height: 34px; padding: 30px 0px;}
.page_cont {padding: 150px 0px 50px; background: #f7f7f7;}
.risewithus {background: #00b4a2; color:#FFFFFF; padding: 30px 0px; font-size: 30px;}

.widep p {font-size: 16px;}
.twocolumnp p {font-size:14px;}

}