/*
 Theme Name:   Colormag Pro Child
 Theme URI:    http://beecheswebdesign.uk/
 Description:  My first child theme, based on Twenty Fourteen
 Author:      Alan Rowe & Phil McKerracher
 Author URI:   http://danielpataki.com
 Template:     colormag-pro
 Version:      1.0.0
 
 Text Domain:  colormag-pro-child
*/
div.wp-custom-header{
max-width:1000px;margin:0 auto;
}
  #header-text-nav-wrap {
    padding: 0;
}
h3.child-tagline{font-family:'Belleza','Roboto', sans-serif;
color:#a00;
font-size:18px !important;
text-align:center;
text-shadow:1px 1px $black;
}

#header-left-section{
display:block;
float:left !important;
margin:10px 0 0 10px;
width:45%;
max-width:240px;
}
#header-logo-image{
float:left !important;


 /*border: solid 3px blue; */
}

#header-right-section {
  /*  float:right !important;
    
  
    width: 400px !important;
    padding: 0;
     border: solid 3px green; */
     display:none;
}

 #header-right-sidebar{
 float:none !important;
 width:100% !important;height:auto !important;
 margin:0 auto;
 }
  .header-image {
    margin-bottom: 0;
    border-bottom: none;
    width: 80%;
    margin:0 0 0 12%;
}
 /************************ 768up**********************************/ 
 @media only screen and (min-width: 768px) { 
 #masthead{
 position:relative;
 }
 #site-navigation{clear:both;}
 #header-left-section{
/*float:left !important;*/
 display:inline-block;
 width:40%;max-width:300px;}
 #header-logo-image{
 width:100%;
 margin:0 0 0 20px;
}
 h3.child-tagline{
 font-size:20px !important;

 /*float:right;
 clear:none;*/
 }

 #header-right-section{
 float:right !important;
/*border:solid 3px red;*/
 display:block;
 display:none;
 /*margin:0 10%;
 width:800px !important;border:solid 3px red;*/
 }
 }
 .header-image {
    margin-bottom: 0;
    border-bottom: none;
    width: 70%;
    margin:0 0 0 17%;
}
/************************ 1024up**********************************/ 
 
  @media only screen and (min-width: 1024px) { 
    #header-left-section{
    width:35%;
    max-width:320px;
display:block;
float:left !important;
margin-left:0;
}
#header-logo-image{
width:100%;
margin:0 10px 0 20px; }
  #header-text-nav-wrap {
    padding: 4px 0 0 0;
}
 
   h3.child-tagline{
 font-size:22px !important;
 display:block;
 padding:20px 0 10px 30px;
 width:35%;float:left;
}
#header-right-section{

float:right !important;
margin:0;
clear:none;
width:65% !important;
padding:0;

/*border:solid 3px yellow;*/
}
 .header-image {
 width:60%;
float:right;clear:none;margin:-30px 0 0 0;
 }

 }
/************************ 1200up**********************************/ 
  @media only screen and (min-width: 1200px) { 
  #header-left-section{max-width:340px;
display:block;
float:left !important;
margin-left:0;
}
#header-logo-image{ }
 h3.child-tagline{
 font-size:24px;

 }
  #header-right-section{
  width:728px;
  float:right;
  clear:none;
  
  }
   #header-right-sidebar{float:right;margin-top:10px;}
  }
  
a span.meta-nav{
display:none !important;
}