/*
Theme Name: Media Street Customiser Child
Theme URI: https://www.media-street.co.uk/
Template:     mediastreetcustomiser
*/
                                      
body,ul,li,ol,h1,h2, h3, h4, h5, a,div,placeholder,fieldset,blockquote,p, .ninja-forms-field, input{font-family: 'Open Sans', sans-serif;}
h1, h2 {font-size: 22px;line-height: 150%;    font-weight: 600;}
p, a, .footer{font-size:14px}
h3{margin-bottom:10px;    letter-spacing: 0.1px;}
h1, h2{    letter-spacing: 0.1px;}
html {
  scroll-behavior: smooth;
}
.container {width: 65%;}
.clr{clear:both}
.right{float:right}
 .red{color:#D83C41}
 .white,  .white a, .titles{color:#f1f1f1}
p, .promo_box_style_1 li, a {line-height: 165%; letter-spacing: 0.1px;} 

/* Cookies */

  #branda-cookie-notice {
    background-color: var(--menu_background_colour)!important;
}

#branda-cookie-notice .button, #branda-cookie-notice .button:link{border-color:     var(--menu_hover_background_colour)!important; background-color:    var(--menu_hover_background_colour)!important;    font-size: 12px;}
 .cookie-notice-container {
    padding: 10px!important;
}  

/*Sub Menu*/
#menu-header-menu li > ul > li > a{    padding: 6px 20px!important;}
.sub-menu{background: #f1f1f1!important;width: 259px;z-index: 999;border-radius: 0px 0px 4px 4px;padding:10px 0 10px 0;}

   
/* Header */
 .search-submit { background: #d83c41;
    border: 1px solid #d83c41;
    padding: 9px;
    border-radius: 4px;
    color: #fff;
    cursor:pointer;
}

 .search-submit:hover{color:#d83c41;background:#fff;  border: 1px solid #d83c41;}
.search-field{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px;}

.search-form{float:right}


.header_nav {box-shadow: -8px 4px 6px #00000040;}

.logo img {max-width: 300px;max-height: 143px;}

#menu-header-menu > li > a {padding: 19px 20px;height: 60px;font-size: 14px;}
.header .contact i{color:#D83C41;  -webkit-transform: scaleX(-1);transform: scaleX(-1);    margin-right: 7px;}
.contact, .contact a {font-size: 17px;margin-top: 48px;font-weight: 600;}
.logo-text {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 120%;
    margin-top: 26px;
}
.social {
	text-align: right;
	margin-top: 11px;
}
 


/* Footer */

 .subfooter, .subfooter a{font-size:12px}
  .subfooter a:hover{color:#fff}
 .subfooter .menu li{float: left;border-right: 1px #f1f1f1 solid;margin-left: 14px;padding-right: 14px;}
  .subfooter .menu li:last-child{border:none}
.subfooter{background:#D83C41}
 .footer a, .footer, .footer_address{line-height:150%}
 .company, .titles{font-size: 16px;margin-bottom: 10px; }

 
.footer i{ -webkit-transform: scaleX(-1);transform: scaleX(-1);    margin-right: 7px;}

/* Homepage */
 
 .website{text-align:right}
.home .row3 .container{width:45%;min-width:0}
 .section_style_1 {
  
background-image: url(https://tammarketing.co.uk/wp-content/uploads/2019/10/Top-Right.png);
    padding-top: 81px;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    background-position-x: right;

}
.section_style_1_end{ padding-bottom: 60px;  background-image: url(https://tammarketing.co.uk/wp-content/uploads/2019/10/Bottom-Left.png);
height:197px;background-repeat: no-repeat;background-position: left;background-color: var(--section_1_colour);}
.home .row5{  width:100%}
.home .row3 h1{margin-bottom:20px}

/* Special Offers */ 

.special-offer img{max-width:270px!important}
.row12 .container {width:50%;min-width:0px}
.special-offer i{color:#666}



  .slick-next {
    right: -65px;
}

.slick-prev {
    left: -65px;
}


/* Taxomony Styling - homepage categories */

//  
.homepage_cat{}
.homepage_cat_img {
	border-radius: 50%;
	overflow: hidden;
    text-align: center ;
max-width: 100%   ;
position: relative   ;
       border: 1px solid #CCC;
   box-shadow: 1px 1px 10px #CCC;
}


.homepage_cat:hover h3 {
color: #d83c41}
 

.homepage_cat h3 {
	text-align: center;
	padding: 0 20px;
	font-size: 16px;
	line-height: 140%;
}
  
  
 .redline{border-bottom:solid 1px #E58F92}
 .topredline{border-top:solid 1px #E58F92}  


.homepage_cat:hover   .trans_red_layer{
 background: rgba(216, 60, 65, .3);
 z-index: 9;
 position:absolute;
 width: 100%;
 height: 100%  ;
 }


 


/*
.homepage_cat h3 {
      position: absolute;
    top: 48%;
    transform: translateY(-50%);
    text-align: center;
    width: 78%;
    padding: 77px 16%;
    border-radius: 50%;
    height: 98%;
    left: 11%;
        line-height: 135%;
}
 .homepage_cat img{max-width:220px}       */
 
 
 /* Taxomony - products listing page */
 .product_list img {
	max-height: 150px;
	width: auto;
	text-align: center;
 max-width: 100%;
	display: block;
	margin: auto;
}
.product_item{
border: 1px solid #CCC;
box-shadow: 1px 1px 5px #CCC
}
.product_item:hover{
 border: 1px solid #d83c41;
}
.product_item:hover .product_btn, .product_btn:hover{
background: #D60003}

.product_item h3{
text-align:center;
padding: 0 10px}
.product_img_box{
height: 150px}
.product_img_box img{


  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.product_btn{
   background: #d83c41;
    color: #fff;
    border: 1px solid #d83c41;
       text-align: center;
    position: absolute ;
    bottom: 0 ;
    width: 100%;
    padding: 5px 0
}
.product_btn:hover{
}
 
 
 
  /* Promo Boxes - promo_box_style_2 */
  
  .promo_box_style_2 .styled_promobox{margin-top:20px}
  
 
 
 /* Promo Boxes - Products btn 1 */

    
    
.promo_box_area .separator20 {display:none}
.promo_box_area a.full_width {width: 100%;}
.promo_box_area a.btn {height: 220px;padding: 86px 10px 10px 10px;top: 0px;line-height: 150%;border-radius: 140px;width: 220px;font-size: 16px;font-weight: 600;text-shadow: 2px 2px 2px #ffffff4d;color:var(--titles_colour);}
.promo_box_area a.btn:hover{color:#fff;text-shadow:none}
.custom_btn_1 {color: #2d2d2d;font-size: 15px;border: 1px solid #2d2d2d;padding: 12px 45px;border-radius: 3px;font-weight: 600;}
.custom_btn_1:hover{background:#d83c41;color:#fff; border:1px solid #d83c41}
.expand img {height: 220px;width: auto;}
a.btn_1{background: #ffffff00;  }
a.btn_1:hover{opacity:0.9}


.btn_2{background:var(--button_2_background_colour)!important;color:var(--button_2_text_colour)!important;    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    border: 1px #d83c41 solid;}         

   /*
.expand img:hover a.btn {background: var(--button_1_hover_background_colour)!important;color: var(--button_1_hover_text_colour);}
.promo_box_area .matchheight:hover .btn{background: var(--button_1_hover_background_colour)!important;color: var(--button_1_hover_text_colour);}
    
        */
    
.expand{border: #E8E8E8 solid 1px;}
.promo_box_area a.btn{border-left: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;}         
.expand {border-radius: 120px;height: 220px;width: 220px;}

/* Contact Form */


.section_style_2{ background:linear-gradient(rgba(216, 60, 65, 0.85),rgba(216, 60, 65, 0.85)), url(https://tammarketing.co.uk/wp-content/uploads/2019/09/rsz_img_1968.jpg);
background-position: center;background-size: cover;}
.ninja-forms-req-symbol {display: none;}
.section_style_2 h2, #nf-label-field-7, #nf-label-field-7 a, .nf-error-msg{color:#fff!important}
.section_style_2 h2{margin-bottom:35px}
#nf-label-field-7, #nf-label-field-7 a{text-align:left}
#nf-label-field-7{font-weight: 600;font-size:14px}
  nf-label-field-7 a{font-weight:400}
    
#nf-field-4{ background: none;border: 1px solid #fff;border-radius: 3px;font-size: 14px;text-transform: uppercase;padding: 10px 59px;float:right;height: 40px;cursor:pointer}
#nf-field-4:hover{background:#D83C41;color:#fff}   
.ninja-forms-field{border-radius:3px!important}

.nf-form-content .ninja-forms-field{font-size:14px!important}
.checkbox-container.label-right label:before {
    left: -27px!important;
    font-size: 16px!important;
    color:#D83C41!important;
}

.forminator-ui.forminator-custom-form-2452.forminator-design--default .forminator-input{font-size:14px!important}
.forminator-field p{color: #fff!important}
#forminator-module-2452 .forminator-button.forminator-button-submit {
    background: none !important;
    border: solid 1px #fff!important;
    border-radius: 3px;
    float: right;
    margin-top: -29px;
    color: #fff!important;
}

.forminator-checkbox a {color:#fff!important}
.section_style_2 .container {
    min-width: 0;
    max-width: 54%;
}

.forminator-checkbox-box {color: #fff!important;}
.forminator-checkbox-label {color: #fff!important;}
.forminator-error-message {color: #fff!important; text-decoration:underline!important;}

.checkbox-container.label-right label:after{width:40px!important;height:40px!important;border-radius:4px;left: -53px!important;}
.checkbox-container.label-right label:before {left: -45px!important;top: 11px!important;font-size: 25px!important;}
#nf-field-7-container{margin-left:24px}

/* Product taxomony pages - Overviews */

.archive .custom_btn_1  {    max-width: 25%;font-size:14px!important}
.archive .custom_btn_1 a:hover{color:#fff}
.product-specs p{margin-bottom:0px}
.product-title {
    position: absolute;
    /* width: 100%; */
    height: 220px;
    top: 0px;
    line-height: 150%;
    font-weight: 600;
    text-shadow: 2px 2px 2px #ffffff4d;
    color: var(--titles_colour);
    border: solid 1px #eee;
    border-radius: 137px;
    left: 35px;
}

.product-list img{border-radius: 120px;
    height: 220px;
    width: 220px;}
.product-list h3 {
    width: 220px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: 79px;
}


.product-list .product-title:hover {
    background: var(--button_1_hover_background_colour);
    height: 220px;
    width: 220px;
    border-radius: 134px;
    top: 0px;
    left: 35px;
    text-shadow:none;
}



.product-list .product-title:hover h3  {color:#fff}

/* Single Product Pages*/
.product-specs span{float:right}
.product-specs p {
   

    padding-bottom: 10px;
}
.box{    border: solid 1px #eee;}
.type {background:#f1f1f1;padding:10px}
.code{padding:10px}

.single-products h1{color:var(--menu_background_colour)}
h3{font-size:18px;    font-weight: 600;}
.products img{max-width:400px;height:auto}


/* Breadcrumbs */

.breadcrumbs_section{background:#eee; padding: 6px 0 6px 0;}
.breadcrumbs_section p{margin-bottom:0px}
#breadcrumbs, #breadcrumbs a{font-size:12px}
#breadcrumbs a{color:var(--menu_background_colour)}

/*  Mobile Header */
#responsive-menu-pro-header .responsive-menu-pro-header-bar-item{line-height:130%!important;font-weight: 600;}


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

.col{margin:1% 0 1% 0%; }
.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12{ }

  .section_style_1 .container{max-width:100%;min-width:0;width:80%}

}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width:770px){

.col{margin:1% 0 1% 0%; }
.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12{width:100%; }

/* Global */
h1, h2, h3, p, a{text-align:center}
.container {width: 80%!important;}
    
/* Breadcrumbs */

#breadcrumbs, #breadcrumbs a{text-align:left!important}

/* Contact Form */

 .section_style_2 .container{width:90%!important;max-width:100%!important}
 #forminator-module-2452 .forminator-button.forminator-button-submit {margin-top:0!important}
  
 /* Home */ 
 
.section_style_1 .container{max-width:100%!important}
.home .row3 .container{width:80%!important}
.home .row12 .container, .section_style_1 .container{width:65%!important}
.special-offer{text-align:center}


/* Footer */
.subfooter .white, .footer{text-align:center}
.subfooter .white{margin-bottom:10px}
.subfooter .menu li{float:none;border-right:0}
#menu-footer-3{margin-bottom:30px}

/* Products */

.product-list .custom_btn_1{width:100%;display:block;max-width:unset!important}
.product-list{margin-bottom:20px}


.rmp-container {margin-top: 107px!important;}

.rmp-page-overlay {margin-top: 107px!important;}

.rmp-menu-subarrow {top: 20px!important;}

.rmp-menu-wrap i{display:none}

body {margin-top: 90px;}


   
}