/*
Theme Name: Gazette Magazine
*/

/* FONTS DECLARATIONS */
@font-face {
  font-family: 'fontello';
  src: url('framework/css/fonts/fontello.eot?76233383');
  src: url('framework/css/fonts/fontello.eot?76233383#iefix') format('embedded-opentype'),
       url('framework/css/fonts/fontello.woff?76233383') format('woff'),
       url('framework/css/fonts/fontello.ttf?76233383') format('truetype'),
       url('framework/css/fonts/fontello.svg?76233383#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{font-family:'FontAwesome';src:url('framework/css/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('framework/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('framework/css/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('framework/css/fonts/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('framework/css/fonts/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('framework/css/fonts/fontello.svg?76233383#fontello') format('svg');
  }
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: left; margin-right: 2.0%; position: relative;}
.col3 {width: 22.15%;} /* ie - 22.05% */
.col12 {clear: both; width: 100%; float: left;}
.col1 img,.col2 img,.col3 img,.col4 img,.col5 img,.col6 img,.col7 img,.col8 img,.col9 img,.col10 img,.col11 img,.col12 img{max-width:100%;height:auto;display:inline-block}

/*
===============================================================================================================
03. Menu
=============================================================================================================== */

#hcfr_fnav {
clear:both;
float:left;
width:100%;
-webkit-transition:all .15s ease-in;
-moz-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in;
font-size:14px;
z-index:10000
}


.main_hcfr_fnav {
float:left;
position:relative;
z-index:2000;
}

#hcfr_fnav.maximize .main_hcfr_fnav {
  height:38px; 
/*  height: auto; */
  line-height: 38px; 
}

.main_hcfr_fnav li.home > a {
position:relative
}

.main_hcfr_fnav li a {
color:#fff;
font-size:12px;
letter-spacing: 1px;
font-style:normal;
-webkit-transition:all .15s ease-in;
-moz-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}

.main_hcfr_fnav a:hover {
color:#fff!important
}

.main_hcfr_fnav li.home > a:hover:before {
color:#fff
}

.main_hcfr_fnav > ul > li:hover a,.main_hcfr_fnav > ul > li.home:hover a:before {
color:#fff
}

.main_hcfr_fnav .current-menu-item > a,.main_hcfr_fnav .current-menu-item > a:before {
color:#FFF!important
}

.main_hcfr_fnav li.home > a:before {
font-family:"FontAwesome";
content:'\f015';
color:#fff;
margin-right:5px;
-webkit-font-smoothing:antialiased
}

.nt-icon-search:hover:before,.nt-search.nt-search-open .nt-icon-search:before {
color:#fff
}

.main_hcfr_fnav li.home > a .menu_arrow {
display:none
}

.main_hcfr_fnav small {
display:none
}

.main_hcfr_fnav ul {
position:relative;
display:block;
float:left;
margin:0;
padding:0;
list-style-type:none
}

.main_hcfr_fnav > ul {
/* margin-right:100px; */
}

.main_hcfr_fnav ul ul {
position:absolute;
display:block;
left:0;
opacity:0;
z-index:2000;
padding:10px;
margin-top:0;
-o-transition:-o-transform 0.2s,opacity .4s;
-ms-transition:-ms-transform 0.2s,opacity .4s;
-moz-transition:-moz-transform 0.2s,opacity .4s;
-webkit-transition:-webkit-transform 0.2s,opacity .4s;
-webkit-transform:translate(0%,-20%) scale(0);
-moz-transform:translate(0%,-20%) scale(0);
-o-transform:translate(0%,-20%) scale(0);
transform:translate(0%,-20%) scale(0)
}

.main_hcfr_fnav li:hover > ul {
opacity:1;
transform:translate(0,0) scale(1);
-o-transform:translate(0,0) scale(1);
-moz-transform:translate(0,0) scale(1);
-webkit-transform:translate(0,0) scale(1)
}

.main_hcfr_fnav ul ul ul {
margin-top:-1px;
z-index:2001;
opacity:0;
left:180px;
top:0
}

.main_hcfr_fnav ul ul li {
display:list-item;
float:none;
vertical-align: top;
border-left:0!important;
line-height:34px!important;
margin-bottom:3px;
}

.main_hcfr_fnav ul ul a {
min-width:160px;
height:100%;
margin:0;
padding:0 10px;
line-height:34px!important;
box-shadow:none!important
}

.main_hcfr_fnav ul ul:before {
content:'';
width:0;
height:0;
border-style:solid;
border-width:0 5px 5px;
position:absolute;
left:20px;
top:-5px
}

.main_hcfr_fnav ul ul ul:before {
border-width:5px 5px 5px 0;
left:-5px;
top:10px
}

.main_hcfr_fnav ul > li.menu-item-object-category:hover {
background-color:transparent!important
}

.main_hcfr_fnav li {
position: relative;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}

.main_hcfr_fnav li li {
margin-right:0;
margin-bottom:10px;
}

.main_hcfr_fnav li li:last-child {
margin-bottom: 0!important
}

.main_hcfr_fnav a {
display:block;
padding:0 10px;
white-space: nowrap;
text-decoration:none;
line-height:22px;
text-transform:uppercase;
letter-spacing:.5px;
}

#hcfr_fnav.maximize .main_hcfr_fnav ul > li > a {
box-sizing:border-box;
height:38px;
line-height:38px;
}

#hcfr_fnav.minimize .main_hcfr_fnav ul > li > a {
line-height:38px;
height:38px;
padding-top:0;
padding-bottom:0;
}

.main_hcfr_fnav ul.sub-menu li a {
height:auto!important
}

.main_hcfr_fnav ul a:hover {
text-decoration:none;
color:#fff
}

#hcfr_fnav li.menu_arrow > a:after,
#hcfr_fnav li.page_item_has_children > a:after {
font:400 10px/38px "FontAwesome";
content:'\f107';
margin-left:10px;
opacity:.8;
vertical-align: top;
}

#hcfr_fnav li li.menu_arrow > a:after,
#hcfr_fnav li li.page_item_has_children > a:after {
content:'\f0da'
}

li.menu_highlight > a {
color:#d1f8ff
}

/*::selection,#submit:hover,.styled_button:hover,.button_link:hover,#searchsubmit:hover {
color:#fff
}
*/


/*#hcfr_fnav{position:fixed} */
#hcfr_fnav{
top:0;
background-color:#555555;
font-family:"Raleway", sans-serif;
padding:px 0;
box-shadow: 0px 2px rgba(0,0,0,.1);
}

.main_hcfr_fnav ul ul{background-color:#555555}
.main_hcfr_fnav ul ul:before{border-color:transparent transparent #555555 transparent}
.main_hcfr_fnav ul ul ul{background-color:#555555}
.main_hcfr_fnav ul ul ul:before{border-color:transparent #555555 transparent transparent}
.main_hcfr_fnav li.current_page_item > a,.main_hcfr_fnav a:hover, .main_hcfr_fnav li:hover{background:#d35400}
.main_hcfr_fnav ul li a{font-weight:700}


[class^="icon-"]:before,[class*=" icon-"]:before {
font-family:"fontello";
font-style:normal;
font-weight:400;
speak:none;
display:inline-block;
text-decoration:inherit;
width:1em;
text-align:center;
font-variant:normal;
text-transform:none;
line-height:1em;
}

.icon-mail:before { content: '\e81c'; }
.icon-youtube:before { content: '\e811'; }
.icon-facebook:before { content: '\e804'; }
.icon-twitter:before { content: '\e816'; }

#hcfr_fnav .header_social a {
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}

.header_social {
float:right;
padding-left:5px;
margin-right:10px;
margin-top: 3px;
}

.header_social [class^="icon-"]:before,.header_social [class*=" icon-"]:before {
line-height: 32px;
}

.header_social .social_icon {
float:left;
height:32px;
border:0!important
}

.header_social .social_icon a {
opacity:.3;
width:32px;
height:32px;
display:block;
text-align:center;
float:left
}

.header_social .social_icon i {
color:#fff;
font-size:14px;
line-height:34px
}

.header_social .social_icon a:hover {
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
opacity:1
}

.header_social .social_icon a:hover i {
color:#FFF!important
}

.header_social .social_icon.mail a:hover {}
.header_social .social_icon.facebook a:hover {background:#3B579D;}
.header_social .social_icon.twitter a:hover {background:#49C7EC;}
.header_social .social_icon.youtube a:hover {background:#E7423F;}

/* Footer
-------------------------------------------------------------- */

footer a{color:rgba(255,255,255,.55)}
footer a:hover{color:#fff}
#sub_footer{color:rgba(255,255,255,.4)}

footer {
color:rgba(255,255,255,.6);
overflow:hidden;
padding:40px 0 20px;
width:100%;
background-color: rgb(64, 77, 93);
letter-spacing: 1px;
}

/* FOOTER */

footer ul  {
line-height: 26px;
list-style-image: none;
list-style-position: outside;
list-style-type: circle;
}

footer li  {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 11px;
height: 19px;
line-height: 14px;
list-style-image: none;
list-style-position: outside;
list-style-type: circle;
margin-bottom: 20px;
}

footer li a {
text-decoration: none;
text-transform: uppercase;
}