@import url('../twentytwelve/style.css');

/*
Theme Name: Child of TwentyTwelve
Theme URI: FENCING MANUFACTURERS
Description: Theme design www.shiftf8.co.uk
Author: Mark Shirley t: 01704514688 e: info@shiftf8.co.uk
Template: twentytwelve
*/


/*WIDTH OF THE PAGE*/
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 50px;
    padding-right: 50px;
    word-wrap: break-word;
}


.widget-area .widget a {
    color: #757575;
    text-decoration: none;
}


p {
    font-size: 0.85714286rem;
    line-height: 2;
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 0.785714rem;
    line-height: 1.18182rem;
}

body.page-id-4 .entry-header .entry-title {
    position: absolute;    
    top: -9999px;    
    left: -9999px;
}


body.page-id-8 .entry-content h2, .comment-content h2, .mu_register h2 {
    font-size: 1.28571rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}



/*	MENU OVER SLIDER PRO  */

.main-navigation {
    margin-top: 1.71429rem;
    position: relative;
    text-align: center;
    z-index: 100 !important;
}

/* removes site info */
.site-info {
    clear: both;
    display: none;
}

/* removes edit button */
.comments-link a, .entry-meta a {
    color: #757575;
    display: none;
}


.widget-area .widget p {
    color: black;
    margin-bottom: 1.71429rem;
}







/* ===================================================================================== */
/* ======================== [ MEDIA QUERIE FOR COMPUTER SCREEN ]======================== */
/* ===================================================================================== */

@media (min-width:600px) {



/*WIDTH OF THE PAGE*/
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 50px;
    padding-right: 50px;
    word-wrap: break-word;
}




#front-copy {

margin-top: 10px;
}

.site-logo {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 100%;
}




#front-thumbs {
    margin-bottom: 0px;
    margin-top: 0px;
}




/*SIDEBAR WIDGET*/
.widget img {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: -13px;
}






.site-content {
    margin: 1.71429rem 0 -6.42857rem;
}


#front-slider {
    margin-bottom: 0;
    margin-top: -40px;
}


.minimal-light .slide-wrapper {
    background-color: #FFFFFF !important;
    border: 8px solid #FFFFFF !important;
    box-shadow: 0 0 10px #A1A1A1 !important;
}








body.custom-background {
    background: url("http://www.fencingmanufacturer.co.uk/wp-content/uploads/2013/10/light-overlay.png") repeat-y scroll center top rgba(0, 0, 0, 0);
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 20px;
}

body .site {
    background-color: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 -1px 10px #000000;
    margin-bottom: 3.42857rem;
    margin-top: 3.42857rem;
    padding: 0 2.85714rem;
}



.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    display: inline-block !important;
    text-align: center;
    width: 100%;
}



footer[role="contentinfo"] {
    border-top: 1px solid #ADD15E;
    clear: both;
    font-size: 0.857143rem;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.71429rem;
    max-width: 68.5714rem;
    padding: 1.71429rem 0;
}






h2.front-page {
    font-weight: 400 !important;
    color: #ADD15E !important;
    font-size: 1.71428571rem !important;
    line-height: 1.0 !important;
    margin-top: 3.98571rem !important;
}

h2.inside-page {
    color: #ADD15E !important;
    font-size: 1.71429rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-top: -30px;
}



h2.services-page {
    color: #ADD15E !important;
    font-size: 1.71429rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-top: -2.08571rem !important;
}


/* ========= page template for medium width content =========== */



/* medium page */

.page-template-medium-width-php .site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 15px;
    padding-right:0px;
    word-wrap: break-word;
    margin-left: 4%;
    margin-top: -4%;
    }
    
    
.page-template-medium-width-php .widget-area {
    float: right;
    margin-right: 4%;
    width: 26.0417%;
}
.page-template-medium-width-php #footer-widgets {
    border-top: medium none;
    margin-right: 0%;
    width: 100%;
}

/* blog page */

body.blog .site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 15px;
    padding-right:0px;
    word-wrap: break-word;
    margin-left:6%;
    margin-top: -4%;
    }



body.blog .widget-area {
    float: right;
    margin-right: 5%;
    width: 26.0417%;
}


body.blog #footer-widgets {
    border-top: medium none;
    margin-right: 0%;
    width: 100%;
}



.advanced-slider .layer.black {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-size: 16px;
    height: 50px;
    text-align: left;
    padding-left: 15px;
    padding-right: 10px;
    width: 100%;
    padding-top: 12px;
}





/* MENU STUFF */

#masthead .main-navigation ul.nav-menu, #masthead .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ADD15E;
    border-top: 1px solid #ADD15E;
}



#masthead .main-navigation li ul li a {
	background: lightgreen;
}
#masthead .main-navigation a {
	color: black;
}
#masthead .main-navigation li ul li a:hover {
	background: #8DFF6D;
}
#masthead .main-navigation a:hover {
	color: #00ACEE;
}
#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation div.nav-menu > ul,
#masthead .main-navigation li ul li a {
	border-color: rgba( darkred, 0.1 );
}



.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ADD15E;
    border-top: 1px solid #ADD15E;
    display: inline-block !important;

    width: 100%;
}




#masthead .main-navigation ul.nav-menu, #masthead .main-navigation div.nav-menu > ul, #masthead .main-navigation li ul li a {
    width: 860px;
}

.page-template-medium-width-php #masthead .main-navigation ul.nav-menu, #masthead .main-navigation div.nav-menu > ul, #masthead .main-navigation li ul li a {
    width: 885px;
}







#front-page-copy {
    color: #515151;
    font-size: 14px;
    margin-top: -10px;
}



#front-page-thumbs {
    margin-bottom: -40px;
    margin-top: 30px;
}
}

/*WIDTH OF THE PAGE*/
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 50px;
    padding-right: 50px;
    word-wrap: break-word;
}




/* ================================================================================== */
/* ======================== [ MEDIA QUERIE FOR PHONE SCREEN ]======================== */
/* ================================================================================== */


@media (max-width:600px) {



/*WIDTH OF THE PAGE*/
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0 double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 50px;
    padding-right: 50px;
    word-wrap: break-word;
}





#front-slider {

display: none;
}


.site-logo {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 100% !important;
}



#social-icons {
    float: right;
    margin-right: -10px;
    position: relative;
    right: 0;
}


#footer-widgets {
    border-top: medium none;
    margin-bottom: 40px !important;
    width: 100%;
}

.entry-content, .entry-summary, .mu_register {
    color: #515151;
    line-height: 1.71429;
}


#services-page-slider {
margin-bottom: 70px;

}


h2.front-page {
   font-weight: 400 !important;
   color: #ADD15E !important;
   margin-top: 1.71428571rem !important;
   line-height: 1.30006667 !important;
   
   font-size: 1.97142857rem !important;
   }
   
 

h2.inside-page {
   font-weight: 400 !important;
   color: #ADD15E !important;
   margin-top: 1.71428571rem !important;
   line-height: 1.30006667 !important;

   font-size: 2.57142857rem !important;

}




h2.services-page {
   font-weight: 400 !important;
    color: #ADD15E !important;
    font-size: 2.57142857rem !important;
    line-height: 1.30006667 !important;
    margin-top:  !important;


}



.minimal-light .slide-wrapper {
    background-color: #FFFFFF;
    border: 8px solid #FFFFFF;
    box-shadow: 0 0 10px #CCCCCC !important;
}



#front-page-slider {
display: none;
}





#front-page-copy {
    font-size: 16px;
    margin-top: -10px;
    color: #515151;
    margin-bottom: 40px;
    line-height: 170%;
}




.site-logo {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 100%;
    padding-left: 5px;
}




/*FOOTER INFORMATION SOCIAL ICONS*/



.col1 {
margin-top:0px;
margin-bottom: 140px;
margin-right:5px;
margin-left:0px;
float:left;
width: 42px;

}




/*FOOTER INFORMATION SOCIAL BUTTONS*/






body.custom-background {
    background-color: black !important;
}
body.custom-background {
    background: url("") repeat-y scroll center top transparent;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 20px;
}

#quality-icons {
float: left;
margin-top: -30px;
 position: relative;
    top:-20px;

}

#address {
 position: relative;
    top:-40px;

}



#social-icons {
    float: right;
    margin-right: -10px;
    position: relative;
    right: 0;
    position: relative;
    top:-50px;
}
}





/* ================================================================================== */
/* ======================== [ MEDIA QUERIE iPad and tablets]======================== */
/* ================================================================================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 


#masthead .main-navigation ul.nav-menu, #masthead .main-navigation div.nav-menu > ul, #masthead .main-navigation li ul li a {
    width: 700px;
}



#quality-icons {
    background-color: transparent;
    float: right;
    height: 120px;
    position: relative;
    left: 70px;
    width: 300px;
    }
    
.page-template-medium-width-php #masthead .main-navigation ul.nav-menu, #masthead .main-navigation div.nav-menu > ul, #masthead .main-navigation li ul li a {
    width: 700px;
 }

}












/* DIMS THUMBS */

a:hover img
{
opacity:.80;
filter:alpha(opacity=80);
filter: “alpha(opacity=80)”;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

a img
{
opacity:1;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* stop branding image from dimming */
#branding a:hover img{
opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}













/* ===[ Footer Widget Areas ]=== */
.site-info { clear: both; }
#footer-widgets {
    width: 100%;
    border-top: none;
}
    #footer-widgets .widget li { list-style-type: none; }
.template-front-page #footer-widgets { padding-top: 0; }
@media screen and (min-width: 600px) {
    #footer-widgets.three .widget {
        float: left;
        margin-right: 3.7%;
        width: 30.85%;
        clear: none;
    }
        #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
}
/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
/* Hide footer widgets Homepage Template*/
.template-front-page #footer-widgets { display: none; }










/* STOP HYPHERNATION IN TWENTY TWELVE */
.site-content article {
   word-wrap: normal !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
   hyphens: none !important;
}

.widget-area .widget {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important;
	word-wrap: normal !important;
}






.ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .star-rating-control {
    margin-left: 0 !important;
    margin-top: 15px !important;
}





/* ======================== [ blog page]======================== */
/* ================================================================================== */



body.blog footer[role="contentinfo"] {
    border-top: 0 solid #ADD15E !important;
    clear: both;
    font-size: 0.857143rem;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.71429rem;
    max-width: 68.5714rem;
    padding: 1.71429rem 0;
}


body.blog #page {
    background-color: white;


}

body.blog .entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    color: black;
    line-height: 1.71429;
    margin: 0 0 1.71429rem;
}




body.blog .entry-content h1 {
    color: #ADD15E;
}

body.blog .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    color: #515151;
    font-size: 0.928571rem;
    line-height: 1.84615;
}



body.blog #address  {
color: black;

}



img.wp-post-image {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    margin-bottom: 30px !important;
}



body.blog .entry-content img  {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
}


body.blog .entry-header .entry-title {    
position: relative;    
top: 0px;    
left: 0px; 
}





/*SOCIAL ICONS*/

#social-icons {
    float: right;
    margin-right: -10px;
    position: relative;
    right: 0;

}

.social-icons-logo {
    float: left;
    margin: 0 5px 20px 0;
    width: 36px;
}