/*-----------------------------------------------------------------------------------

	Theme Name: CoWorker Child Theme
    Theme URI: http://themes.semicolonweb.com/wp/coworker
    Description: Responsive Retina Ready Multi-Purpose Theme
    Author: SemiColonWeb
    Author URI: http://themeforest.net/user/SemiColonWeb
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 2.0
    Template: coworker
    Tags: responsive, business, corporate, portfolio, creative, clean, modern, retina

-----------------------------------------------------------------------------------*/

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

/*  Add/Update your Styles below this Line
================================================== */


/* K */
#comments {
	display: none !important;
}

/* 
 * K
 * 20180425 Responsive Fixes
 */
 
#top-menu {
	height: auto;	
}

@media only screen and (max-width: 479px) {
	
	.container {
		width: auto !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

@media (min-width: 980px) { 
	
	/*
	:32
	*/
	#top-menu {
		height: 40px;	
	}
	
}

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

	.small-posts .entry_image {
		float: none !important;
		width: 100% !important;
		margin: 0 0 20px 0 !important;	
	}
	
	.small-posts .entry_c {
		width: 100%;
		margin: 0 0 20px 0;	
	}
	
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
	
	.entry_c {
		width: 400px;
	}
	
}

.post-overlay {
	display: none;
}

.tab_widget ul.tabs {
	height: auto !important;
}

.tab_widget ul.tabs:after {
	display: block;
	content: '';
	clear: both;
}

@media only screen and (max-width: 767px) {
	
	.tab_widget ul.tabs {

		border: 1px solid #DDD;
		background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
	    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
	    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
	    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
	    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
	    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) );
	    
	}
	
}

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

	.slide-caption {
		display: block !important;
		top: 0;
		left: 0;
		bottom: auto;
		height: 100%;
	}
	
		.slide-caption h3 {
			font-size: 13px;
		}
	
		.slide-caption p {
			display: none;
		}

}

.footer-widgets-wrap {
	display: none;
}

#copyrights {
	padding-top: 0;
	line-height: 100%;
}

#copyrights .col_half:not(.tright) {
	padding-top: 15px;
	padding-bottom: 15px;	
}

/*
 * Menu Update
 */
 
#header .select-menu {
	display: none;
}

@media only screen and (max-width: 980px) {
	
	.hamburger {
		display: block !important;
	}
	
	#primary-menu {
		display: none;
		float: none;
		margin: 0;
		max-width: 100% !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100% !important;
		background-color: #CC6800;
		z-index: 9990;
		overflow-y: auto;
	}
	
	#primary-menu ul {
		display: flex !important;
	}
	
	#primary-menu ul li {
		position: static;
		float: none;
		height: auto;
		background: none;
	}
	
	#primary-menu li a {
		border-top: none;
		padding: 0;
		font-size: inherit;
		text-transform: none;
		color: #fff;
	}
	
	#primary-menu ul > li.sub-menu > a > div {
		background-image: none;
	}
	
	#primary-menu ul ul {
		width: auto;
		position: static;
	}
	
	#primary-menu ul ul a {
		height: auto;
		line-height: 30px;
		padding: 0;
	}
	
	ul#menu-primary-1 {
		list-style-type: none;
		flex-wrap: wrap;
		margin: 0;
		padding: 30px;
		margin-bottom: 230px; /*offsetting top*/
	}
	
	ul#menu-primary-1 > li > a {
		font-weight: 700;
	}
	
	ul#menu-primary-1 > li > ul {
		display: block !important;
	}
	
	ul#menu-primary-1 > li {
		width: 33%;
	}
	
}

@media only screen and (max-width: 576px) {
	
	ul#menu-primary-1 > li {
		flex: 100%;
	}
	
}

.hamburger {
}
	

.hamburger {
	position: absolute;
	right: 0;
	top: 15px;
	padding: 15px 15px;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #CC6800;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }
  

body.nav-active {
	overflow-y: hidden;
}

body.nav-active .hamburger {
	position: fixed;
	z-index: 10000;
}

body.nav-active .hamburger-inner, 
body.nav-active .hamburger-inner::before, 
body.nav-active .hamburger-inner::after {
	background-color: #fff;
}

#header #primary-menu.active {
	display: block;
}