/*
Theme Name:     Customizr Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */


/* Change color of top border */

	.tc-header {
	border-top: 5px solid #002469;
	}

/* Change body background colour and font */
	body {
	background: #ffffff;
	font-family: 'PT Sans', sans-serif;
	}
/* END Change body background colour and font */

/* BACKGROUND COLOUR FOR MAIN WRAPPER */

	#main-wrapper {
	margin-left: auto;
        margin-right: auto;
	background-color: #ffffff;

	}




/* Center align the footer credits
*/
 
	footer#footer .colophon p {
   
    	position: absolute;
	margin: auto;
    	right: 0px;
	left: 0px;

    	padding: 10px;

    }


	@media screen and (min-width: 979px) {
/* Reposition the menu box */
	.navbar.resp {
	position: relative;
	bottom:  -85px;    /* Default position */
	
	
	}
/* END Reposition the menu box */



/* Change main menu font size */
	.navbar .nav > li > a {
  	font-size: 1.5em;
	color: #002469;
	font-family: PT Sans;
	}


/* change first letter in menu size */
	.navbar .nav > li > a:first-letter { 
 	font-size: 1em;
 	}

/* END change first letter in menu size */

/* END Change main menu font size */


 /* change header menu hover color */
 	.navbar .nav > li > a:hover {
 	color: #CC983B;
 	text-shadow: none;
 	}
 /* END change header menu hover color */


 /* Adjust Menu colors - Active */
	 .navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
 	.navbar .nav > li.current-menu-item > a, 
 	.navbar .nav > li.current-menu-ancestor > a,
 	.navbar .nav > li.current-menu-item > a:first-letter, 
 	.navbar .nav > li.current-menu-ancestor > a:first-letter {
 	color:          #CC983B;
 	text-shadow:    none;
 	}
 /* END Adjust Menu colors - Active */

} /* END of MEDIA Query */

	


/* Style the mobile menu drop down */
@media screen and (max-width: 979px) {

/* Change main menu font size */
	.navbar .nav > li > a {
  	font-size: 1.5em;
	color: #002469;
	padding: 20px;
	font-family: PT Sans;
	}
/* END Change main menu font size */

/* change first letter in menu size */
	.navbar .nav > li > a:first-letter { 
 	font-size: 1em;
 	}

/* END change first letter in menu size */

/* Add border to bottom of mobile menu items */



	.tc-hover-menu.nav a {

	border-bottom:      1px solid #CC983B;

	}



/* Add border to bottom of mobile menu items */
	 /* Adjust Menu colors - Active */
	 .navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
 	.navbar .nav > li.current-menu-item > a, 
 	.navbar .nav > li.current-menu-ancestor > a,
 	.navbar .nav > li.current-menu-item > a:first-letter, 
 	.navbar .nav > li.current-menu-ancestor > a:first-letter {
 	color:          #CC983B;
 	text-shadow:    none;
 	}
 	/* END Adjust Menu colors - Active */

	} /* END of MEDIA Query */


/* END style the mobile menu drop down */


/* START OF REMOVE/CHANGE Grey Bar between Navbar and Slider */
	header.tc-header {
	border-bottom: 30px solid #ffffff ;
	
}
/* END OF REMOVE/CHANG Grey Bar between Navbar and Slider */

/*change the H2 font loaded through snippet to PT Sans */
	

	h1, h2, h3, p {
	font-family: PT Sans!important;
	font-weight: 400;
	}

	

/* END change the H2 font loaded through snippet to PT Sans */








/* change the skin's link colors to match the blue of the logon  - used for phone secondary menu option here and therefore need to seperately style any links.*/

	.tc-fade-hover-links a:not([class*="round-div"]), .tc-fade-hover-links a:visited, .tc-fade-hover-links button 
	{color: #002469; margin-top: 0px!important; margin-bottom: 0px;}

/* END change the skin's link colors to match the blue of the logon  - used for phone secondary menu option here and therefore need to seperately style any links.*/




	/* Hide page titles */
	article.page .entry-header {
    	display: none;
	}
	/* END Hide page titles */

	/* Change footer background color
	*/

	
	/* START OF Change Customizr Background to Texture or Image  */

	footer#footer .colophon {
	/* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */

	background-color:#001336 ;

	}

/* END OF Change Customizr Background to Texture or Image  */

/* Change footer background color
*/

	footer#footer{
	background:#001336;
padding-left:10px;

	}

/* align footer titles to the left
*/
	footer#footer h3 {
	text-align: left;
	}

	.footer-widgets {
        padding-top: 20px;
	padding-bottom: 0;
	padding-left: 0px;
	}

/* START OF Remove Grey Bar and Whitespace from Footer */

	footer#footer {
	border-top: none;
	}



/* STYLING FOR IMAGE TILES ON LANDING PAGE */ 

	div.img {
    
    	border: 2px solid #002469;
    	border-radius: 5px;
    	float: left;
    	width: 100%;
    	padding-bottom: 10px;
	 margin-left: 7px; 
	}

	div.img:hover {
   	border: 2px solid  #CC983B;
   	background: #ead5b0;
	}

	div.img img {
    	width: 100%;
    	height: auto;
	border-bottom: 1px solid #d3d3d3;
	margin-top: -20px;


	}

	div.des {
    	padding-top: 15px;
	padding-bottom: 15px;
    	text-align: center;
	font-size: 1.5em;
	font-family: PT Sans;
	color: #ffffff; 
	background: #002469;
	}


	* {
    box-sizing: border-box;
	}

	.responsiv {
    	padding: 15px 15px;
    	float: left;
    	width: 33%;
	}


	@media only screen and (max-width: 979px){
    	.responsiv {
        width: 49%;
    	}
	}

	@media only screen and (max-width: 500px){
    	.responsiv {
        width: 100%;
margin-left: -7px;
    	}
	}

	.clearfi:after {
    	content: "";
    	display: table;
    	clear: both;
	}


/* END OF STYLING FOR IMAGE TILES ON LANDING PAGE */ 







/* STYLING FOR main frame ON SECONDARY PAGES */ 
	div.img3 {
    
    	border: 2px solid #002469;
    	border-radius: 5px;
    	float: left;
    	width: 100%;
    	padding-bottom: 10px;
	 margin-left: 7px; 
	background: #fafafa;
	}

	

	div.img3 img {
    	width: 100%;
    	height: auto;
	border-bottom: 1px solid #d3d3d3;
	margin-top: -20px;


	}

	div.des3 {
    	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 10px;
    	text-align: left;
	font-size: 2em;
	font-family: PT Sans;
	color: #ffffff; 
	background: #002469;
	}


	* {
    box-sizing: border-box;
	}

	.responsiv3 {
    	padding: 15px 15px;
    	float: left;
    	width: 100%;
	
	}


	@media only screen and (max-width: 979px){
    	.responsiv3 {
        width: 100%;
    	}
	}

	@media only screen and (max-width: 500px){
    	.responsiv3 {
        width: 100%;
margin-left: -7px;
    	}
	}

	.clearfi:after {
    	content: "";
    	display: table;
    	clear: both;
	}



/* END STYLING FOR main frame ON SECONDARY PAGES */ 









/* STYLING FOR IMAGE TILES ON SECONDARY PAGES */ 

	div.img2 {
    	 border: 2px solid #778899; 
    	border-radius: 5px;
    	float: left;
    	width: 100%;
	 margin-left: 7px;
	background: #f1f3f4;
	 
	}
	
	div.tiletext {width: 95%; margin-left: 7px; margin-bottom: 7px; text-align: justify; line-height: 1.5em;}


	

	div.des2 {
    	padding-top: 15px;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 1.5em;
	font-family: PT Sans;
	color: #ffffff; 
	background: #778899;
	}


	* {
    box-sizing: border-box;
	}

	.responsiv2 {
    	padding: 5px 5px;
	float: left;
    	width: 33%;
	}


	@media only screen and (max-width: 979px){
    	.responsiv2 {
        width: 49%;
    	}
	}

	@media only screen and (max-width: 500px){
    	.responsiv2 {
        width: 100%;
margin-left: -7px;
    	}
	}

	.clearfi:after {
    	content: "";
    	display: table;
    	clear: both;
	}


/* END OF STYLING FOR IMAGE TILES ON SECONDARY PAGES */ 




/* STYLING FOR IMAGE TILES ON CONTACT US PAGE */ 

	/* limit the height of the contact form so it doesnt bleed down the page */
		.contactform {height: 510px;}	
	/* END limit the height of the contact form so it doesnt bleed down the page */

	/* limit height of the message box on contact page to make tiles almost equal height */

		#form-message {height: 100px;}
	/* END limit height of the message box on contact page to make tiles almost equal height */


	div.img4 {
    
    	border: 2px solid #002469;
    	border-radius: 5px;
    	float: left;
    	width: 100%;
    
	 margin-left: 7px; 
	background: #f1f3f4;
	}

	

	div.img4 img {
    	width: 100%;
    	height: auto;
	border-bottom: 1px solid #d3d3d3;
	margin-top: 0px;


	}

	div.des4 {
    	padding-top: 15px;
	padding-bottom: 15px;
    	text-align: center;
	font-size: 1.5em;
	font-family: PT Sans;
	color: #ffffff; 
	background: #002469;
	}


	* {
    box-sizing: border-box;
	}

	.responsiv4 {
    	padding: 15px 15px;
    	float: left;
    	width: 49%;
	}


	@media only screen and (max-width: 979px){
    	.responsiv4 {
        width: 100%;
    	}
	}

	@media only screen and (max-width: 500px){
    	.responsiv4 {
        width: 100%;
margin-left: -7px;
    	}
	}

	.clearfi:after {
    	content: "";
    	display: table;
    	clear: both;
	}


/* END OF STYLING FOR IMAGE TILES ON CONTACT US PAGE */ 


/* Style the 3 bar mobile menu */


	.navbar .btn-toggle-nav .icon-bar {
	    background: #000000 none repeat scroll 0 0!important; /* Adjust red */
	}	
/* END Style the 3 bar mobile menu */



/* style the scroll to top curser to be more visible */
	.tc-btt-wrapper {

	color: #002469 ;
	background: #CC983B;
	background-color: #CC983B;
	border: 1px solid #002469;
	}

	.btt-arrow {
	color: #002469;
	}
/* style the scroll to top curser to be more visible */





/* ADD FRAME AROUND intros ON PAGES */
	.pageframe {
        border: solid 1px #002469;
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
	padding-top: 20px; 
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em; 
	line-height: 1.5em; 
	font-family: PT Sans;
	/* background-image: url("http://localhost:8888/iqinsure/wp-content/uploads/2016/09/IMG_3778-min.png"); */
    	/* background-repeat: no-repeat;*/
    	/*background-position: center center;*/
	/* background-size: 100% ; */
	/* background-height: 100%; */
	}
	.pageframetit { font-size: 2em; line-height: 1em; color: #002469; font-family: PT Sans; text-align: left;}

/* END ADD FRAME AROUND intros ON PAGES */


/* STYLE THE QUOTE REQUEST SPOILER */
	/* style the div container which spoiler is placed in */
	
		.quotespoiler { text-align: center; width: 33%; margin:0 auto;}
	

	@media only screen and (max-width: 979px){
		.quotespoiler { text-align: center; width: 40%; margin:0 auto; }
		}

	@media only screen and (max-width: 700px){
		.quotespoiler {text-align: center; width: 49%; margin:0 auto;}
	}

	@media only screen and (max-width: 500px){
		.quotespoiler { text-align: center; width: 100%; margin:0 auto;}
	}


	/* end style the div container which spoiler is placed in */


	.su-spoiler-content {
	background-color: #FFFFFF!important;
	border: none!important;
	height: 780px;
	}

	.su-spoiler-title {
	font-family: PT Sans!important;
	font-weight: 400!important;
	line-height: 1em!important;
	color: #002469;
	
	font-size: 1.4em!important;
	border: none!important;
	background: #CC983B!important;
	

	}

	.su-spoiler-style-fancy {
	background-color: #fafafa!important;
	border: none!important;
	
	}




/* END STYLE THE QUOTE REQUEST SPOILER */


/* STYLE THE JUMP TO LINKS AT THE TOP OF PAGES */

	.jumplink {font-family: PT Sans; Font-size: 1.2em; line-height: 1em;}

/* STYLE THE JUMP TO LINKS AT THE TOP OF PAGES */

/* STYLE CONTACT FORM 7 ELEMENTS */
	
	#form-name, #form-surname, #form-email, #form-number { height: 30px!important;}
	
	/* style the box shadow * border */
		.wpcf7 input:focus, 
		.wpcf7 textarea:focus {
    
 		border: solid 1px #CC983B; 
    
    		box-shadow:  2px 2px 8px #CC983B;
    
    		-webkit-transition: all 0.2s ease;
  		-moz-transition: all 0.2s ease;
  		-o-transition: all 0.2s ease;
  		transition: all 0.2s ease;
    
		}
	/* End style the box shadow * border */
	
	/* submit button styling */
		.wpcf7 input.wpcf7-submit{ background: #002469!important;}
	/* END submit button styling */


	
/* END STYLE CONTACT FORM 7 ELEMENTS */



/* STYLE AFFILIATES IMAGES ON LANDING PAGE */

	.affil {
 
  margin-left: 0 auto;
  margin-right: 0 auto;
  text-align: center;
vertical-align: middle;
}
.netcare {

  margin: 0 auto;
  padding: 10px;
  width: 39%;
  display: inline-block;
  text-align: center;
	vertical-align: middle;
}

.netcare2 {
  padding: 10px;
  width:39%;
  display: inline-block;
  text-align: center;
vertical-align: middle;
 }

button#responsive-menu-button {border-radius: 5px; border: 1px solid #002469!important;}