/*
Theme Name: Benelec Custom
Author: Lucky13
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.7
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: benelec
*/


	
body {
	margin-left: 0;
	margin-right: 0;
	padding-top: 100px; 
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	font-family:"Open Sans";
	background-color: #D3D3D3;
	
}

.logo-navbar-div {

    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 20px;
    left:10px;
    margin: 0;
    padding:0;
    width:150px!important;
    height:50px!important;

   
}

/* homepage header css */
.headerimage {
	
  	position: relative;
  	width: 100%;
  	height: auto;
   

}
/* Changed auto height for mobile responsivness */
#page-banner {
           
	height: auto;
	width: 100%;
}



/* for the log & text in pic headers */
.logo-headerimage {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	left: 50px;
	height: 40%;
	width: 20%;
  background: transparent;
  z-index: 1;

}

.header-text {
    
    font-size: 1.7vw; /* Scalable text relative to Viewport Width */
    color: #000000;
    z-index: 2;
    position: absolute;    
    height: auto;
    text-align: right;    
    width: auto;
    top: 20%;
    right: 2%;

}
.container-box2 {
        width: 100%;
	position: relative;
        display: inline-block;

}

/* FOOTER */
.footer_area, footer { position: relative; margin: .5em; background-color: #000000; border-top: 0.8em solid #F2EC1D;}

.foot-logo-left, .foot-logo-right, footer {  border: 1px solid  #000000; padding: 1.25em; }

.foot-logo-left { margin-bottom: .5em; }



/* MEDIA QUERIES for footer */
@media screen and (min-width: 47.5em ) {
  .foot-logo-left { margin-right: 19.5em; }

  .foot-logo-right { position: absolute; top: 0; right: 0; width: 18.75em; }   
}






.info-middle {
	
	width: auto;
	display: inline;
	text-align: center;
	color: #F2EC1D;
        
	
}

/* yellow buttons */

.hi-yellow {

	color: #F2EC1D !important;

}

.orange-team {
	color: #FF8C00;
}


/* agnes modal window */
 .modal-header {
      background-color: #0c0c0c;
      color:#F0F0F0 !important;
      text-align: left;
      font-size: 30px;
 
  }

  .modal-footer {
      background-color: #F0F0F0;
  }
  .close {
       
     color:#F2EC1D !important;
  }
  
  .btn-yellow {
   background-color:#F2EC1D !important;
  }


/* styling for home page content.. using as much of pjs' css as possible */

.row-border {

border-radius: 10px;
border: 5px solid #F2EC1D;

}

.onefive {
  
  margin: auto;
  width: 99%;
  padding: 10px;
  font-weight: 400;

  font-size: 20px;

}


.onefive-pic {
  position: relative;
  padding: 10px;
  text-align: center;

}
/* center images */
 .onefive-pic > img {
width: 100%;
height: auto;

 }

.filler {
  /*padding div to push pic down text color = bkground */
 /* changed  feb 14th 
 color: #D3D3D3;*/
 color: #D3D3D3;
}



.onefive-mail {
width: 100%;
  margin: 0;
 
  padding: 10px;
  font-weight: 400;
  font-size: 25px;

 /* border-radius: 10px;
border: 2px solid #F2EC1D;*/

}
.onefive-mail-fr {
  
  width: 100%;
  padding: 10px;
  font-weight: 400;
  font-size: 25px;
position: relative;
  border-radius: 10px;
border: 2px solid #F2EC1D;

}


/*Box for Products */
.thumbnail {
background:transparent;
border-color:yellow;
border-style: solid;

    
/* logos*/

}


/* iframe modal in header.php */

/*  css for iframe modal */
#pop_background {
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .5;
	z-index: 1000;
	display: none;
	margin:0;
	padding:0;
}

#pop_iframe {
	position: fixed;
	display: none;
	top: 5%;
	left: 5%;
	/*background: #800000;*/
	border:0;
	/*border:5px solid #2c3539;*/
	/*border-radius: 5px; */
	z-index: 1500;
	/*padding:5px;*/
	padding:0;
	width: 90%;
	height: 90%;
	text-align: center;
	overflow: hidden;
}

#temp-iframe {
	width: 100%;
	height: 80%;
	border:0;
	top: 0;
	left: 0;
}
.logo-navbar-div {

    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 30px;
    left:10px;
    margin: 0;
    padding:0;
    width:150px!important;
    height:50px!important;

   
}
/* hidden data div in product php  */
.hidden-data {
  display: none;
} 

 /* contact textarea for e-mails */
#bene-text {
 width:90%;
 height:70%;
 resize: none;

}

/* media Q */
/* for 480px or less */
@media screen and (max-width: 480px) {
.head-text, .logo-headerimage, .header-text {
       display: none!important;

    }

.logo-navbar-div {
display: inline!important;
z-index: 0!important; 
}

/* hidden data div in product php  put in on 16th feb (again)*/
.hidden-data {
  display: none;
} 
 /* contact textarea for e-mails put in on 16th feb(again)*/
#bene-text {
 width:90%;
 height:70%;
 resize: none;

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: none!important;

    }

.logo-navbar-div {
display: inline!important;
z-index: 0!important; 
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: none!important;

    }

.logo-navbar-div {
display: inline!important;
z-index: 0!important; 
}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: none!important;

    }

.logo-navbar-div {
display: inline!important;
z-index: 0!important; 
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: inline!important;

    }

.logo-navbar-div {
display: none !important;
z-index: 0!important; 
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: inline!important;


    }


.logo-navbar-div {
display: none !important;
z-index: 0!important; 
}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: inline!important;

    }


.logo-navbar-div {
display: none;!important;
z-index: 0!important; 
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: inline!important;

    }

.logo-navbar-div {
display: none;!important;
z-index: 0!important; 
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: inline !important;

    }

.logo-navbar-div {
display: none!important;
z-index: 0!important; 
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.head-text, .logo-headerimage, .header-text {
       display: none !important;

    }

.logo-navbar-div {
display: inline;!important;
z-index: 1000!important; 
}

}