/* General */
html,
body {
  height: 100%;
}
/* Defaults */
body {
  font-family: 'Helvetica', sans-serif;
  color: #9B9B9B;
}

/* remove bootstrap row on portfolio page */
body.portfolio .row{margin:0; padding:0;}

a {color:#6D6E70 /*#363636*/;}
a:hover {text-decoration: none;color: /*#bf9f88*/ #FFF;}


p {
  color: #9B9B9B;
  font-size: 15px;
  font-weight:100!important;
}

h1, h3{line-height:normal; font-weight:100!important; text-transform:uppercase;}

h1{font-size:20px; color:#6D6E70 /*#363636*/; margin:0;}
h1 span{color: #9B9B9B;}

h3{font-size:15px; color:#9B9B9B; margin-bottom:0; padding-bottom:0;}

p.img-credits span{color:#FFF;}

/******************************/
/* Page White - Colour Scheme */
.page-white{}
.page-white a{color:#6D6E70;}
.page-white a:hover{color:#888;}
.page-white p{}

.page-white h1{}
.page-white h2{}
.page-white h3{}

.page-white .super-column-right{background:FFF; /* solid white */ background-color: rgba(255, 255, 255, 0.95);}
.page-white #home{border: 25px solid #fff;}

.page-white p.img-credits{color:#CCC!important;}
.page-white p.img-credits span{color:#666;}


/******************************/
/* Page Black - Colour Scheme */
.page-black{}
.page-black a{color:#EEE;}
.page-black a:hover{color:#666;}
.page-black p{}

.page-black h1{color:#EEE;}
.page-black h2{}
.page-black h3{}

.page-black .super-column-right{background-color: rgba(0, 0, 0, 0.8);}
.page-black #home{border: 25px solid #000;}



/* Framework */
.super-column-left{background:transparent;}
.super-column-right{/*background-color: rgba(230, 231, 232, 0.9); */}


/* DESKTOP */
.super-column-left, .super-column-right{padding:0px; padding-left:40px; height:100%;}
.gallery-column-left, .gallery-column-right{padding:0px; padding-left:40px; height:auto;}
.gallery-column-full-width{padding:0px;}

/* MOBILE
.super-column-left, .super-column-right{height:50%; padding-left:10px;}
*/



/* DESKTOP */
.row-1, .row-2, .row-3{/*padding-left:40px;*/ width:100%; clear:both;}
.row-1{height:20%;}
.row-2{height:70%;}
.row-3{height:10%; 

		/*height:80px;position:absolute; bottom:0;*/
		
}

/* MOBILE
.row-1, .row-2, .row-3{padding-left:40px;}
.row-1{height:20%;}
.row-2{height:68%;}
.row-3{height:12%;}
*/


#logo{background:transparent; width:192px; height:80px; margin-top:20px; margin-right:20px; display:block;}
#content{/*border: dotted 1px #FC0;*/ width:85%; /*width:70%;*/}


/* thumbnail columns*/
.is-thumb{padding-left:0;}
.is-thumb img{max-height:90px; background:#30F; margin-bottom:15px;}
.is-thumb a img{border:3px solid #FFF; }
.is-thumb a:hover img{border:3px solid #363636;}


/* Footer Areas */
#social-box p, #navbar p{font-size:11px; color:#777;}

#navbar{}
#navbar p{font-size:9px;}
#navbar ul, li{margin:0; padding:0; display:inline-block}
#navbar li{margin-right:35px; /*background:#F3F;*/}
#navbar li:last-child {margin-right: 0;}
#navbar #nav{padding-bottom:15px;} /* CHANGE ON MOBILE */

/* set navbar match social icon size */
#navbar li a{
	height: 30px; 
	line-height: 30px; 
	display:inline-block;
	line-height: 30px;}




#social-box{}
#social-box ul, li{margin:0; padding:0; display:inline-block;}
#social-box li{}
#social-box #social-icons{padding-bottom:15px;} /* CHANGE ON MOBILE */


/* social icons with fa */
#social-box li {display: inline-block; margin-right: 3px;}
#social-box li:last-child {margin-right: 0;}

#social-box li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
		
	background-color: rgba(230, 231, 232, 0.3);
	color: #fff;
}

#social-box li a:hover {
	background-color: rgba(230, 231, 232, 0.9);
	color: #fff;		
}


.page-white #social-box li a{background-color: rgba(230, 231, 232, 0.7);}
.page-white #social-box li a:hover{background-color: rgba(230, 231, 232, 1.0);}

a#forcenine-icon{display:block; width:48px; height:39px; margin-right:20px;}

.page-white a#forcenine-icon{  background:transparent url(../img/icon.forcenine-link.png) 0px 0px no-repeat; }
.page-white a:hover#forcenine-icon{background-position:0px -41px;}

.page-black a#forcenine-icon{ background:transparent url(../img/icon.forcenine-link.png) 0px -41px no-repeat; }
.page-black a:hover#forcenine-icon{background-position:0px 0px;}



img {
  max-width: 100%;
}
section {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  z-index: 10;
  
  padding-top: 0px;
  padding-bottom: 0px;
}
section:before,
section:after {
  content: " ";
  display: table;
}
section:after {
  clear: both;
}

#photoframe{background:transparent; height:100%; width:100%;}

#home {
  position: relative;
  height: 100%;
  z-index: 10;
  /*border: 25px solid #fff;*/
}

.home-slider{width:80%; height:280px; margin-right:40px; margin-top:30px;}

ul.bxslider{padding:0; margin:0;}
ul.bxslider li{padding:0; margin:0;}

/* Parallax Section */
.parallax-section {
  padding: 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* contact form */
.cf-contact-message {
		height: 2.5em;
		line-height: 2.5em;
		padding: 0 10px;
		color: #fff;
		font-size: 0.9em;
}

.cf-contact-message i {margin-right: 5px;}
.cf-contact-message .fa-warning {color: #ff5c5c;}
.cf-contact-message .fa-check {color: #89d460;}

.cf-contact form input:focus,
.cf-contact textarea:focus {outline: 0;}


.cf-contact input[type=text],	
.cf-contact textarea,	
.cf-contact input[type=submit]{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-top: 15px;
		color: #262626;
		font-size:12px;
}
	
	.cf-contact input[type=text] {
		width: 100%;
		height: 40px;
    	display: inline-block;
		padding: 0 11px; 	
    	background-color: #fff;
    	border: 0;
		line-height: 38px;
	}

	#contact-name{width:35%;}
	#contact-email{width:60%; float:right;}
	
	.cf-contact textarea {
		clear:both;
    	width: 100%;
		height: 140px;
    	display: inline-block;
		padding: 11px;
    	background-color: #fff;
    	border: 0;
		resize: vertical;
	}

    .cf-contact input[type=submit] {
    	width: auto;
		height: 50px;
    	display: inline-block;
    	padding: 0 20px; 
    	background-color: transparent;
		background-color: rgba(230, 231, 232, 0.4);

        border: 1px solid #363636;
        /*color: #363636;*/
		color: #000;
		text-transform:uppercase;
		
		transition: all 0.125s ease-in-out 0s;
		-moz-transition: all 0.125s ease-in-out 0s;
		-webkit-transition: all 0.125s ease-in-out 0s;
		-o-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
		
    }

    .cf-contact input[type=submit]:hover {
    	background-color: transparent;
		background-color: rgba(230, 231, 232, 0.3);

    	border: 1px solid #fff;
    	color: #fff;
    }
	

/* Forced Font-Re-Size on Screen Scale */
@media (max-width: 1500px) {p {font-size: 14px;}}
@media (max-width: 1350px) {p {font-size: 13px;}}
@media (max-width: 1200px) {
p {font-size: 12px;} 
#navbar li{margin-right:20px;}
}

/* Bootstrap Small Devices */
@media (max-width: 768px) {
html, body{height:auto;}	

div{display:block; overflow:visible;}

.page-black #home{border: 5px solid #000;}
.page-white #home{border: 5px solid #FFF;}


.super-column-left, .super-column-right{padding:0px; padding-left:15px; padding-right:15px; height:100%; overflow:visible;}

.gallery-column-left, .gallery-column-right{padding:0px; padding-left:15px; padding-right:15px;}
.gallery-column-full-width{padding:0px; overflow:visible; padding-left:15px; padding-right:15px;}

.super-column-left .row-1{min-height:0px;}
.super-column-left .row-2{min-height:180px;}
.super-column-right .row-2{min-height:450px;}


#navbar li{margin-right:10px; /*background:#F3F;*/ display:block;}
#navbar li a{/*font-size:12px;*/}


#logo{background:transparent; width:96px; height:40px; margin-top:20px; margin-bottom:20px; /*margin-right:20px;*/ display:block; }

.home-slider{width:100% !important; height:auto; margin-right:0px; margin-top:20px; margin-left:0px; padding:0;}
#content{width:100%; margin-bottom:30px;}
a#forcenine-icon{/*margin-right:0px;*/ display:none;}
}