/*
Theme Name:    	Sideways 2 Child Theme
Description:    Child theme for Sideways 2.
Template:       sideways2
Author:			
Version:        1.0
*/


/* Import parent theme styles */
@import url("../sideways2/style.css");

/* -----------------------------------------------------------
	ADD YOUR CSS BELOW THIS LINE
/* ----------------------------------------------------------- */

h1 {
    font-size: 100px;
    line-height: 100px;
}

body, .single-post #content, #center-primary, #content > .primary, .single-portfolio_item.password-required #content .primary {
    background: none repeat scroll 0 0 transparent !important;
}

html body, button, input, select, textarea {
    color: #000 !important;
}
body {
    font-size: 1em !important;
}

#cff .cff-post-desc {
    margin-bottom: 30px !important;
}


#cff .cff-author .cff-page-name.cff-author-date {
    font-weight: normal !important;
}

p.cff-post-text{
    font-weight: 300 !important;
}

#primary-nav > li > a {
    font-weight: 100 !important;
}


ul, ol {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
}

p.cff-date{
    font-weight: 300 !important;
}

.primary > h1:first-child, #center-primary > h1 {
    font-size: 60px;
    line-height: 62px;
}

#button-holder > span {
    color: #000 !important;
}

#button-holder > span:hover {
    background: none repeat scroll 0 0 #000 !important;
    color: #fff !important;
}

#primary-nav > li:hover{
    background: #000 !important;
}

#primary-nav > li > a:hover,
#primary-nav > li >a:visited:hover,
#primary-nav > li:hover{
    color: #fff !important;
}

#primary-nav > li > a {
    display: block;
    height: 100% !important;
    width: 100% !important;
    padding: 15px 0 !important;
}

#primary-nav > li {
    margin : 0 !important;
    padding: 0 !important;
}

/*@media only screen and (min-width: 768px){
.page-template-page-fullscreen-image-php h1 {
    font-size: 4em !important;
    font-weight: 300 !important;
    line-height: 1em !important;
}
}*/




.page-template-page-fullscreen-image-php h2 {
    font-weight: 300;
    font-size: 1em !important;
}


.page-template-page-fullscreen-image-php #button-holder > span {
    color: #FFF !important;
}

/*.page-template-page-fullscreen-image-php .logo img {
   display: none;
} */

.page-template-page-fullscreen-image-php .button, .button:visited, input[type="button"], input[type="submit"], button, button[type="submit"], input[type="reset"], button[type="reset"], input[type="file"] {
    margin-top: 10px;
    background-color: transparent !important;
    border: 2px solid white;
    color: white !important;
}

.page-template-page-fullscreen-image-php .button:hover, .button:visited:hover, input[type="button"]:hover, input[type="submit"]:hover, button, button[type="submit"]:hover, input[type="reset"]:hover, button[type="reset"]:hover, input[type="file"]:hover {
    margin-top: 10px;
    background-color: white !important;
    border: 2px solid white;
    color: #000 !important;
}

#submit.button{
	border: 2px solid #000 !important;
	color: #000 !important;
}

#submit.button:hover{
	border: 2px solid #000 !important;
	background-color: #000 !important;
	color: #fff !important;
}


body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php.logged-in.admin-bar.customize-support div#wrapper div#fullscreen-image-content div.vertically-centered-wrapper div.vertically-centered-content div p img.size-full.wp-image-576.aligncenter{
  max-width: 6em;
}

body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php.admin-bar.customize-support div.logo a img {
     display:none
}



body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php div.logo {
     display:none
}


body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php.admin-bar.customize-support div.mobile-logo a img {
     display:none
}

body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php div.mobile-logo{
     display:none
}

body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php.admin-bar.customize-support .logo {
      background-color: transparent !important;
}




.logo {
    background-color: white;
    /* border-bottom: 1px solid #ddd; */
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-top: 20px;
    padding-left: 30px;
    right: 0;
    top: 0px !important;
    /* position: fixed; */
}

.portfolio_item h2 {
    font-size: 40px !important;
    line-height: 1.5em !important;
}

#portfolio-content {
    background-color: #000 !important;
}

#panel .share-buttons a:hover, #panel .share-buttons a:visited:hover {
    color: #fff !important;
}

#portfolio-content {
    color: white !important;
}

.portfolio_item h2 {
    font-size: 40px !important;
    font-weight: 100;
}

.single-portfolio_item.single-format-video #wrapper {
    background-color: black !important;
}

.single-portfolio_item.single-format-video div.logo{
    background-color: transparent !important;
    padding-top: 0px !important;
    top: 0px !important;
}

.single-portfolio_item.single-format-video .logo img {
    background: url("../../uploads/2015/01/Logo_front.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-sizing: border-box;
    display: block;
    height: 150px;
    padding-left: 150px;
    transform: scale(0.3);
    width: 150px;
   max-height: 150px;
    margin-top: -20px;
}

#horizontal-scroll.cropped { width: 450px !important}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/
.page-template-page-portfolio-horizontal-php div.mCSB_container > article { width: auto !important; }

}

.box-information{
    border: 0px !important;

}

.su-box-title{
    font-family: Roboto !important;
    font-weight: 300 !important;
}

@media only screen and (max-width: 1040px) { 
    
	.logo { right: 0 !important }
	
}


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

    .mobile-logo img { 
           max-height: 40px;
	   margin-top: 10px; 
    }
    .mobile-logo { height: 60px }
    .mobile-logo a {
           margin-top: 0px;
           margin-bottom: 0px;
           margin-right: 10px;
    }
    #button-holder > span { height: 60px !important }
    #nav-toggle-open span, #nav-toggle-close span, #portfolio-item-info-toggle span {
          margin: 20px auto;
    }
    body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php #fullscreen-image-content > div > div > div > p > img{
         max-height: 65px;
         width: auto;
	 margin: 40px auto 10px auto;
    }
     h1 {
         font-size: 3em !important;
         font-weight: 300 !important;
         line-height: 1em !important;
     }

     body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php #fullscreen-image-content > div > div > div > h1{
	 margin-top: 10px !important;
    }
    body.home.page.page-id-567.page-template.page-template-page-fullscreen-image.page-template-page-fullscreen-image-php #fullscreen-image-content > div > div > div > h2{
	 margin: 10px auto 10px auto !important;
    }


     #nav-toggle-open +.prev-post-link { margin-top: 60px !important }
     .prev-post-link span, .next-post-link span { margin: 20px auto !important }
     #primary-nav { margin: 60px 0 60px !important}

     .tax-portfolio .post-excerpt, .page-template-page-portfolio-horizontal-php .post-excerpt, .page-template-page-portfolio-grid-php .post-excerpt, .post-format-icon-holder {

	opacity: 0.5 !important;

}

}


@media only screen and (min-width: 600px){
.page-template-page-fullscreen-image-php h1 {
    font-size: 3.5em !important;
    font-weight: 300 !important;
    line-height: 1em !important;
}
}

@media only screen and (max-width: 599px){
.page-template-page-fullscreen-image-php h1 {
    font-size: 3em !important;
    font-weight: 300 !important;
    line-height: 1em !important;
}
}    

#item-grid .portfolio_item:hover img, #horizontal-scroll .portfolio_item:hover img, .post-feature-content:hover img {
-webkit-transform: scale(1.1) !important;
-moz-transform: scale(1.1) !important;
-o-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important;
}


@media only screen and (min-width: 768px) {
	
	.page-template-page-portfolio-horizontal div#content { background-color: black !important }

}

.page-template-page-portfolio-horizontal:not(.page-id-541) .logo img, .single-format-gallery .logo img {

display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../../uploads/2015/01/Logo_white_final.png") no-repeat;
  width: 286px; /* Width of new image */
  height: 60px; /* Height of new image */
  padding-left: 286px; /* Equal to width of new image */

}

.page-template-page-portfolio-horizontal:not(.page-id-541) div.logo, .single-format-gallery div.logo{
    background-color: transparent !important;
}