/*
Theme Name: Hazel Child
Theme URI: http://demo.select-themes.com/hazel/
Description: A child theme of Hazel Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: hazel
*/

@import url("../hazel/style.css");

/* ======================
   FIXED HEADER LOGO LEFT
   ====================== */

header.page_header.fixed .q_logo a {
	height: 80px !important;
}

/* =======================
   STICKY HEADER LOGO LEFT
   ======================= */

header.page_header.fixed.scrolled .q_logo a {
	height: 40px !important;
}

/* ===========================
   HEADER MARGIN CENTERED LOGO 
   =========================== */

@media only screen and (min-width: 1001px) {

	header.centered_logo .header_inner_left {
		margin: 30px 0 10px 0 !important;
	}

}


/* ===========================
   STICKY HEADER LOGO CENTERED 
   =========================== */

header.page_header.centered_logo.centered_logo_animate.fixed.scrolled {
	top: -30px !important;
}

header.centered_logo.fixed.scrolled .q_logo img {
	top: 20px !important;
}

/* ===================================
   HOMEPAGE PORTFOLIO MARGIN LEFT LOGO 
   =================================== */

.page-id-19794 .content.content_top_margin {
	margin-top: 156px !important;
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
	.page-id-19794 .content.content_top_margin {
		margin-top: 10px !important;
	}
}

@media only screen and (max-width: 768px) {
	.page-id-19794 .content.content_top_margin {
		margin-top: 10px !important;
	}
}

/* =======================================
   HOMEPAGE PORTFOLIO MARGIN CENTERED LOGO 
   ======================================= */

/*
.page-id-19794 .content.content_top_margin {
	margin-top: 230px !important;
}

@media only screen and (max-width: 768px) {
	.page-id-19794 .content.content_top_margin {
		margin-top: 10px !important;
	}
}
*/

/* ================================
   HOMEPAGE PORTFOLIO MODIFICATIONS 
   ================================ */

.page-id-19794 span.project_category {
	display: none !important;
}

.page-id-19794 .portfolio_title a {
	color: #001E61 !important;
}

.page-id-19794 .portfolio_title a:hover {
	color: #66B360 !important;
}

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

	.page-id-19794 .portfolio_title a {
		  font-size: 0.85rem !important;
	}

}

/* ===================
   HOMEPAGE FONT ICONS 
   =================== */

.q_icon_with_title .icon_holder .fa-stack.fa-2x i {
	line-height: 65px !important;
}

/* =================
   PAGE TITLE MARGIN 
   ================= */

.title_subtitle_holder {
	  padding-top: -200px !important;
}

.title_subtitle_holder_inner {
	position: relative;
	margin-top: 55px !important;
}

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

	.title_subtitle_holder_inner {
		margin-top: 0px !important;
	}

}

/* ===========================
   PAGE TITLES SIZE RESPONSIVE 
   =========================== */


@media only screen and (min-width: 769px) {

	.title.has_separators h1 {
		font-size: 48px;
	}

}

/*
@media only screen and (min-width: 601px) and (max-width: 768px) {

	.title.has_separators h1 {
		font-size: 1.5rem;
	}

}
*/

@media only screen and (min-width: 0px) and (max-width: 600px) {

	.title.has_separators h1 {
		font-size: 1.0rem;
	}

}

/* =====================
   RIGHT MOBILE NAV ICON 
   ===================== */

.header_inner_right {
	display: none !important;
}

/* ==================================
   FIX MAIN NAV ON IPAD LANDSCAPE 
   ================================== */

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

	nav.main_menu > ul > li > a { 
		padding: 0 12px !important;
	}

}

/* ===========
   BREADCRUMBS 
   =========== */

.breadcrumb { display: none !important; }

.breadcrumb a {
	color: #FFFFFF !important;
}

.breadcrumb a:hover {
	color: #cccccc !important;
}

.breadcrumb span.current {
	color: #ffffff !important;
}

/* =================
   FOOTER RESPONSIVE 
   ================= */

@media only screen and (min-width: 601px) and (max-width: 768px) {
	
	.footer_top .qode_column {
		width: 50% !important;
		min-height: 200px !important;
	}	

}

@media only screen and (max-width: 600px) {
	
	.footer_top .qode_column.column1 {
		min-height: 100px !important;
	}

	.footer_top .qode_column.column2 {
		min-height: 100px !important;
	}

	.footer_top .qode_column.column3 {
		min-height: 100px !important;
	}

	.footer_top .qode_column.column4 {
		min-height: 200px !important;
	}

}

/* ======================
   FOOTER TOP WIDGET MENU 
   ====================== */

#menu-footer-widget-menu.menu {
	font-size: 12px !important;
}

.footer_top .widget.widget_nav_menu li {
	line-height: 12px !important;
}

footer h5 {
	color: #001E61 !important;
	font-weight: 500 !important;
}

/* =============
   FOOTER BOTTOM 
   ============= */

.footer_bottom a {
	color: #ffffff !important;
}

.footer_bottom a:hover {
	color: #66B360 !important;
}

/* ===============
   BACK TO THE TOP 
   =============== */

#back_to_top>span {
	width: 51px;
	height: 51px;
	line-height: 51px;
	text-decoration: none;
	background: #66B360 !important;
	text-align: center;
	border: 0px solid #66B360 !important;
	opacity: 1;
	-webkit-transition: all .2s ease 0s;
  	   -moz-transition: all .2s ease 0s;
	    -ms-transition: all .2s ease 0s;
	     -o-transition: all .2s ease 0s;
		transition: all .2s ease 0s;
}

#back_to_top>span:hover {
	background: #001E61 !important;
	border: 0px solid #66B360 !important;
}

#back_to_top span span {
	color: #ffffff !important;
}

/* ==========
   SEND FILES 
   ========== */

.page-id-19934 .multipleFiles p {
	color: #FF0000 !important;
}


.page-id-19934 .icon_text_holder {
	padding-left: 29px !important;
}

/* ===============
   SEND FILES FORM 
   =============== */

#send_files_form input[type='email'],
#send_files_form input[type='number'],
#send_files_form input[type='tel'],
#send_files_form select,
#send_files_form textarea {
	color: #66B360 !important;
}

#send_files_form input[type='email']:focus,
#send_files_form input[type='number']:focus,
#send_files_form input[type='tel']:focus,
#send_files_form select:focus,
#send_files_form textarea:focus {
	background: #001E61 !important;
	color: #FFFFFF !important;
}

#send_files_form span.wpcf7-not-valid-tip {
	display: block;
	margin: 0;
	position: relative;
	top: -20px !important;
}

#send_files_form span.wpcf7-form-control-wrap.file-upload span.wpcf7-not-valid-tip {
	top: 5px !important;	
}

#send_files_form .uploadField {
	margin-bottom: 35px !important;
	background: #f5f5f5;
	padding: 20px;
	width: 30%;
}

#send_files_form .uploadField p {
	color: #999999 !important;
}

/* ================
   IMAGE RESOLUTION 
   ================ */

.page-id-19953 .price_table_inner ul li.prices,
.page-id-19953 .price_table_inner .price_button {
	display: none;
}

/* =================
   PRINTING GLOSSARY
   ================= */

#printing-glossary {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 75%;
	text-align: left;
}

#printing-glossary li {
	display: inline-block;
	list-style-type: none;
	padding: 0 5px 0 5px;
}

.glossary-terms h2 {
	padding: 30px 0 10px 0;
}

.glossary-terms p {
	padding: 10px 0 10px 0;
}

/* =============
   ANCHOR POINTS
   ============= */

/*
.page-id-19959 h2#A:before,
.page-id-19959 h2#B:before,
.page-id-19959 h2#C:before,
.page-id-19959 h2#D:before,
.page-id-19959 h2#E:before,
.page-id-19959 h2#F:before, 
.page-id-19959 h2#G:before, 
.page-id-19959 h2#H:before, 
.page-id-19959 h2#I:before, 
.page-id-19959 h2#J:before, 
.page-id-19959 h2#K:before, 
.page-id-19959 h2#L:before, 
.page-id-19959 h2#M:before, 
.page-id-19959 h2#N:before, 
.page-id-19959 h2#O:before, 
.page-id-19959 h2#P:before, 
.page-id-19959 h2#Q:before, 
.page-id-19959 h2#R:before, 
.page-id-19959 h2#S:before, 
.page-id-19959 h2#T:before, 
.page-id-19959 h2#U:before, 
.page-id-19959 h2#V:before, 
.page-id-19959 h2#W:before, 
.page-id-19959 h2#X:before, 
.page-id-19959 h2#Y:before, 
.page-id-19959 h2#Z:before { 
  display: block !important; 
  content: " " !important; 
  margin-top: 200px !important; 
  height: -200px !important; 
  visibility: hidden !important; 
}
*/

/* ============
   CONTACT FORM
   ============ */

.contact_form input[type='text'],
.contact_form textarea {
	  font-weight: 400 !important;
}

.contact-error {
	color: #ff0000 !important;
	font-weight: normal !important;
}

.contact_section h2 {
	color: #001E61 !important;
	font-weight: 400 !important;
}

.contact_section h4 {
	color: #999999 !important;
}

.contact-success {
	color: #66B360 !important;
	font-weight: 400 !important;
}

h5.icon_title {
	color: #001E61 !important;
	font-weight: 400 !important;
}

/* ===================
   CONTENT SPACER DARK
   =================== */

.separator.contentSpacer {
	border-bottom: 1px solid #66B360 !important;
}

/* ===================
   CONTENT SPACER WHITE
   =================== */

.separator.contentSpacerWhite {
	border-bottom: 1px solid #FFFFFF !important;
}

/* ==========
   ABOUT LIST
   ========== */

.q_list.circle ul > li:before {
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 10px;
  content: '';
  border-radius: 50px;
}

.q_list.circle ul > li {
	font-weight: 400;
}

/* ============
   ABOUT TITLES
   ============ */

h5.icon_title_about {
	color: #66B360;
	text-align: center;
	text-transform: uppercase;
}

/* ===============
   ABOUT ACCORDION
   =============== */

h2.ui-accordion-header {
	text-align: center;
	font-family:Raleway;
	font-weight:400;
	font-style:normal;
 	color: #ffffff;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header {
	border: 0px solid #e2e2e2;
	background: #66B360 !important;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header {
	border: 0px solid #e2e2e2;
	background: #66B360 !important;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-active {
	border: 0px solid #e2e2e2;
	background: #001E61 !important;
}

.q_accordion_holder.boxed .ui-state-active .tab-title {
	color: #ffffff !important;
}

.q_accordion_holder.boxed div.accordion_content {
	padding-left: 26px;
	background: #f5f5f5;
}

.q_accordion_holder.boxed div.accordion_content h5 {
	color: #001E61 !important;
}

.q_accordion_holder.boxed div.accordion_content span.subTitle {
	color: #66B360 !important;
	text-transform: uppercase;
	font-weight:400;
}

/* ===============
   SERVICES TITLES
   =============== */

h2.title_services {
	color: #001E61;
	text-transform: uppercase;
	font-weight:400;
}

/* ============
   SUPPORT PAGE 
   ============ */

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

	.supportBox {
		margin-bottom: 30px !important;
	}

}

/* ===============
   SUPPORT SIDEBAR 
   =============== */

aside.sidebar .widget h5 {
  	margin-bottom: 19px;
  	font-size: 15px;
  	padding: 9px 16px;
	background-color: #001E61;
	color: #ffffff !important;
}

#menu-support-side-menu.menu a {
	color: #001E61; 
}

#menu-support-side-menu.menu a:hover {
	color: #66B360; 
}

/* =====================
   SINGLE PORTFOLIO PAGE 
   ===================== */

.info.portfolio_single_categories {
	display: none !important;
}

.info.portfolio_single_like {
	display: none !important;
}

.portfolio_detail.portfolio_single_follow {
	position: relative;
	margin-bottom: 80px;
	padding-top: 30px;
}

.single-portfolio_page .title_outer {
	margin: 0 0 50px 0 !important;
}

h3.info_section_title {
	color: #001E61 !important;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

	.single-portfolio_page .title_outer {
  		margin: 100px 0 50px 0 !important;
	}

	.single-portfolio_page .title_subtitle_holder {
		  padding-top: 221px !important;
	}

}

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

	.single-portfolio_page .container_inner.default_template_holder {
		padding-top: 0px !important;
	}

}

/* ================
   PORTFOLIO ARROWS 
   ================ */

.portfolio_navigation .portfolio_prev a, 
.portfolio_navigation .portfolio_next a {
	font-size: 36px;
	color: #FFFFFF;
	background: #001E61 !important;
}

.portfolio_navigation .portfolio_prev a:hover, 
.portfolio_navigation .portfolio_next a:hover {
	font-size: 36px;
	color: #FFFFFF;
	background: #66B360 !important;
}

/* ================
   ABOUT BLUE BOXES 
   ================ */

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

	.weConsult { margin-bottom: 45px !important; }
	.wePrint { margin-bottom: 45px !important; }
	.collaboration { margin-bottom: 45px !important; }
	.passion { margin-bottom: 45px !important; }

}

/* ==============
   PORTFOLIO PAGE 
   ============== */

.page-id-19786 .title_outer {
	margin: 0 0 50px 0 !important;
}

.page-id-19786 span.project_category {
	display: none !important;
}

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

	.page-id-19786 .portfolio_title a {
		  font-size: 0.85rem !important;
	}

}

/* =============
   GLOBAL TOPBAR 
   ============= */

header.fixed #global_topbar_container {
	background: #EBEBEB;
	text-align: center;
	display: table;
	padding: 0;
	text-decoration: none;
	text-align: right;
	width: 100%;
}

header.fixed #global_topbar ul {
	margin-right: 50px;
	padding 0;
}

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

	header.fixed #global_topbar ul {
		margin-right: 25px;
		padding 0;
	}

}

header.fixed #global_topbar ul li {
	margin-right: -5px;
}

header.fixed #global_topbar li {
	display: inline-block;
	list-style-type: none;
	padding: 7px 15px 7px 15px;
	text-align: center;
	border-left: 1px solid #d0d0d0;
  	-moz-transition: all 0.2s linear;
  	-o-transition: all 0.2s linear;
  	-ms-transition: all 0.2s linear;
  	transition: all 0.2s linear;
	box-shadow: inset 0px 0px 10px #CCCCCC;
	-ms-box-shadow: inset 0px 0px 10px #CCCCCC;
	-moz-box-shadow: inset 0px 0px 10px #CCCCCC;
	-webkit-box-shadow: inset 0px 0px 10px #CCCCCC;
}

header.fixed #global_topbar li:last-child {
	border-right: 1px solid #d0d0d0;
}

header.fixed #global_topbar li:hover {
	background: #fff;
	box-shadow: inset 0px 0px 10px #e2e2e2;
	-ms-box-shadow: inset 0px 0px 10px #e2e2e2;
	-moz-box-shadow: inset 0px 0px 10px #e2e2e2;
	-webkit-box-shadow: inset 0px 0px 10px #e2e2e2;
}

header.fixed #global_topbar img {
	padding: 0;
}

header.fixed #global_topbar img.xibita {
	width: 38px;
}

header.fixed #global_topbar img.pacblue {
	width: 49px;
}

header.fixed #global_topbar img.theportables {
	width: 65px;
}

header.fixed #global_topbar img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
  	-moz-transition: all 0.2s linear;
  	-o-transition: all 0.2s linear;
  	-ms-transition: all 0.2s linear;
  	transition: all 0.2s linear;
}

header.fixed #global_topbar img:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}



/* ======================
   FOOTER BOTTOM LINKS 
   ====================== */

.footer_bottom .copyright {
	font-size: 11px !important;
	color: #ffffff;
}

.footer_bottom .copyright a {
	font-size: 11px !important;
	color: #ffffff;
}

.footer_bottom .copyright a:hover {
	color: #ffffff !important;
}

.footer_bottom .terms a {
	font-size: 9px !important;
}