/*
	Theme Name: Corpo Child
 Template:     corpo
 Version:      1.0.0
 Text Domain:  corpo-child
**/


@import url("../corpo/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/* Homepage Custom
================================================== */
.homeblock {display:block; text-align:left; max-width:900px;margin:30px auto;}
.homeblock_left {width:30%;float:left; display:block;max-width:280px;}
.left01 { padding:40px 20px;background:#6F210E;color:#fff;display:block; font-size: 24px; line-height:28px; }
.homeblock_right {width:60%;float:left;padding:20px 4%;display:block;min-width:280px;}
.homeblock_right strong {font-size:24px;}


/* 01. Basic Styles & Typography
================================================== */

	strong, b { 
	 font-weight: bold; 
	 color:#666; 
	}


/* 03. Header
================================================== */
    #header, #footer { 
        background: #FFFFFF;
    }

    nav#main-nav > ul > li > a { 
        padding:0 12px; 
        color: #000000; 
        display:block; 
        font-size:12px; 
        font-weight:600; 
        text-transform:uppercase; 
        text-align:center; 
        text-decoration:none;
    }

    #footer .widget .widget-title {
        color: #B1392D;
    }

    #footer .widget a {
      color: #666666;
     }

    h2 { 
        color: #B1392D;
				}
    .page-title h2 { 
        color: #B1392D;
				}

/* 04.Content
================================================== */    

    .flexslider.portfolio-gallery { width: 340px; }

    .proj-thumb { height: auto; position: relative; background: #FFF; }

    a:hover .proj-description {
        background: #FFF;
    }
    .proj-description {
        background: #FFF;
    }

   i{
					font-size: inherit;
					font-style: italic;
				}

/* 09. Responsive
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
    @media screen and (max-width: 767px) {
        .homeblock_left, .homeblock_right {width:auto; max-width:100%;}
    }
	@media screen and (max-width: 959px) {
        .entry-content img { width:inherit }
    }
	@media screen and (min-width: 768px) {        
		#services div.widget {width:22% !important;float:left;margin:1.5%;}
		#services img:hover { opacity:0.6;}
    }