/*
Theme Name: Catch Kathmandu Child Theme
Theme URI: http://catchthemes.com/themes/catch-kathmandu
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Themes has come up with a full-fledged Corporate/Blog premium WordPress theme, Catch Kathmandu! The design is highly customizable and you can tailor the display to your taste with a few easy clicks. Based on HTML5 and CSS3, it is a responsive theme which automatically adapts to the screen's size, regardless of the devices the visitors use.  It has a large screen layout which elegantly extends to 1280 pixels! If you are looking for a clean professional space which accommodates your visuals and yet provides you with ample amount of textual area, Catch Kathmandu is your perfect find. Active community at http://catchthemes.com/support-forum/
Version: 1.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, blue, gray, white, dark,light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: catchkathmandu
Template: catch-kathmandu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =Import Catch Kathmandu Parent CSS
-------------------------------------------------------------- */

@import url("../catch-kathmandu/style.css");


/* =Child Theme Custom CSS
-------------------------------------------------------------- */

body {
	background: rgb(58, 105, 89);
	word-wrap: normal;
}

.site {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	-moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	border:solid 3px #7c191a;
}


/* =Type Treatment
----------------------------------------------------------------*/

h1 {
	color: #7c191a;
	text-align: center;
	font-style:italic;
	font-size: 24px;
	font-weight:600;
}

h2 {
	font-style: italic;
	color: #7c191a;
	text-align: center;
	font-size: 15px;
	font-weight:600;
}

h3 {
	font-size: 8px;
	color: #7c191a;
	font-weight:600;
}
.widget-title {
	font-weight:400;
	text-align:center;	
}
.widget-area .widget a {
	color: #7a0026;
}
a.onlywire-button.wp {
	visibility:hidden;
		
}

ul {
	color:#7C191A;	
}

/* =Margins and Paddings
----------------------------------------------- */
#supplementary.three {
	padding-top: 20px;
}

.hentry { 
	padding-bottom: 0px;
}

.widget {
	margin-bottom: 0px;
}


/* =Header Buttons CTAs
----------------------------------------------- */
.header-button {
	border-radius: 10px;
	background: #7c191a;
	padding: 10px;
	float: right;
	width: 100%;
	text-align: center;
	line-height: 22px;
	margin-bottom: 14px;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.address {
	border-radius: 10px;
	background: #7c191a;
	padding: 10px;
	float: right;
	width: 100%;
	text-align: center;
	line-height: 22px;
	margin-bottom: 14px;
	color: #fff !important;
	text-decoration: none;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.header-button-hours {
	border: 2px solid #7c191a ;
	color:#7c191a ;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	line-height:1.2em;
	text-transform: uppercase;
	float: left;
	box-sizing: border-box;
}

.header-button:hover {
	background: #ffda00 !important;
	border: 1px solid #fff;
	color:#7c191a;
}

.button-wrap {
	max-width: 320px;
	width: 100%;
	float: right;
}

.button-split {
	max-width: 320px;
	width: 100%;
	float: right;
}

#header-left {
	width: 60%;
}

#header-right {
	width: 33%;
}

#site-logo {
	padding-top:5px;	
}

#hgroup-wrap {
	padding-bottom:5px;	
}

/* =Menu
----------------------------------------------- */

#secondary-menu {
	background-color: #7c191a;
}

#secondary-menu ul.menu a {
	color: #333;
	display: block;
	line-height: 45px;
	line-height: 4.5rem;
	padding: 0 20px;
	text-decoration: none;
	white-space: nowrap;	
}
#secondary-menu ul.menu a {
	color: #fff;
	padding: 5px 25px;
}
#secondary-menu ul.menu li:hover > a,
#secondary-menu ul.menu a:focus,
#secondary-menu .menu .current-menu-item > a,
#secondary-menu .menu .current-menu-ancestor > a,
#secondary-menu .menu .current_page_item > a,
#secondary-menu .menu .current_page_ancestor > a {
	background-color: #ffda00;
	color: #7c191a;
}

#secondary-menu ul.menu ul a {
	background-color:#7c191a;
}

/* =Responsive Menu (Tinynav.js)
-------------------------------------------------------------- */

.sb-holder {
	background-color: #7c191a !important;
}

.sb-options {
	background-color: #7c191a !important;
}

.sb-options a {
	border-color: #7c191a !important;
}

.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
    background-color: #ffda00 !important;
}
.sb-selector:link,
.sb-selector:visited,
.sb-selector:hover {
    color: #fff;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    text-shadow: 0 0 0 #7c191a;
}
.sb-toggle {
    background: url(/wp-content/uploads/2015/04/toggle2.png) 0 10px no-repeat;
}

/* =Slider
-------------------------------------------------------------- */

#main-slider {
	background-color: #7c191a;
    border-bottom: 2px solid #ffda00;
	clear: both;
	display: block;
	position: relative;
	padding: 0;
}
#main-slider .entry-container {
	background: #7c191a; /* Show a solid color for older browsers */
	background: rgba(0,0,0,0.85);
	border-radius:10px;
	border: 1px solid transparent;
	color: #fff;
	width: 400px;
	padding: 10px 25px 15px;
	position: absolute;
	bottom: 50px;
	left: 50px;
}

#main-slider .entry-container h1 {
		font-style:normal;
		font-weight:400;
}

#main-slider .entry-container:hover {
	background: #ffda00; /* Show a solid color for older browsers */
	background: rgba(0,0,0,1);
	border: 1px solid #ffda00;
	color: #7c191a;
}

#controllers a.active {
	background: #ffda00; /* Show a solid color for older browsers */
}
#slider-nav a {
	background: #ffda00; /* Show a solid color for older browsers */
	background: rgba(0,0,0, 0.6);
	cursor: pointer;
	color: #ccc;
    display: inline-block;
    font-size: 28px;
	font-size: 2.8rem;
    font-weight: 200;
    line-height: 35px;
    padding: 0 10px;
	visibility: hidden;
}
#main-slider:hover #slider-nav a {
	background-color: #ffda00; /* Show a solid color for older browsers */
	background-color: rgba(0,0,0, 0.6);	
	visibility: visible;
}
#main-slider #slider-nav a:hover {
	background-color: #ffda00; /* Show a solid color for older browsers */
	background-color: rgba(0,0,0, 1);
	color: #fff;
	text-decoration: none;
	visibility: visible;
}

/* =Featured Content Button
----------------------------------------------- */
.featured {
	text-align:center;
	border: 1px solid #720000;
	border-bottom-color: #fff;
	width: 100%;
	margin-bottom: 6px;
	transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
}

.featured-button:hover{
    background-color: #7c191a;
    color: #7c191a;
}

.featured p {
	color: #fff;
	margin-bottom: 5px;
}

/* =special offer widget 
---------------------------------------------*/

.special-offer{
	padding-top:15px;
	padding-bottom:5px;
	border-radius: 10px;
	background-color: #7c191a;
	color:#fff;	
	transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
}

.special-offer:hover {
	background-color:#ffda00;
	color:#7c191a !important;	
}

.special-offer a:hover {
	text-decoration:none;
	color:#7c191a !important;	
}

.discount {
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#7c191a;
	padding:10px;
	border-radius:5px;
	margin:20px 0;
}

.ticket {
	color:#7c191a;	
}

/* =styles for review buttons 
---------------------------------------------*/

.good {
	padding-top:15px;
	padding-bottom:5px;
	border-radius: 10px;
	background-color: white;
	border:solid green 3px;
	color:green;
	text-align:center;
	text-transform:uppercase;
	width:47%;
	float:left;	
	transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
}
.bad {
	padding-top:15px;
	padding-bottom:5px;
	border-radius: 10px;
	background-color: white;
	border:solid red 3px;
	color:red;
	text-align:center;
	text-transform:uppercase;
	width:47%;
	float:right;	
	transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
}

.good:hover {
	background-color:rgba(136,238,130,0.33);
	font-weight:600;	
}

.bad:hover {
	background-color:rgba(152,39,41,0.24);
	font-weight:600;
}
.good a {
	color:green;	
}
.bad a {
	color:red;	
}
.good a:hover,
.bad a:hover {
	text-decoration:none;	
}


.review-button{
	padding-top:5px;
	padding-bottom:5px;
	border-radius: 10px;
	border:solid 2px #7c191a;
	background-color:#7c191a;
	color:white;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;	
	transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
}

.review-button:hover {
	background-color:#ffda00;
	color:#7c191a;
	text-decoration:none;	
}

.widget-area .widget a:hover {
	text-decoration:none;	
}
/* =centering divs 
---------------------------------------------*/

.center {
	text-align:center;
}

.center2 {
	width:75%;
  	margin-left:auto;
  	margin-right:auto;
}


/* =Blog Background
------------------------------------------------*/
article.format-aside .aside {
	background:#ffffff;
	border-left:0px;
}

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

#colophon {
	border-top: 2px solid #7c191a;
	clear: both;
}
#footer-sidebar { 
	background-color: #7c191a;
}
#site-generator {
	background-color: #3F4146;
	color: #ccc;
}
#site-generator a {
	color: #eee;
}
#site-generator a:hover {
	color: #fff;
	text-decoration: none;
}
#site-generator {
	font-size: 5px;
	font-size: .5rem;
}

/* =Bullet Point Solutions
--------------------------------------------------------- */

.float-left{
	float: left;
	
}

.float-right{
	float: right;
}

.clear {
	clear: both;
}

.row {
	border-radius: 10px;
	background-color: #7c191a;
	color:#fff;	
}

.primary-widget {
	color:white;
	background-color:#7c191a;
	border-radius: 10px;
	padding:10px;	
}
.secondary-widget {
	color:white;
	background-color:#7c191a;
	border-radius: 10px;
	padding:10px;	
}

.col2 {
	width:47%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:7px;
}

div.col2-primary p {
	margin-bottom:5px;
}

.col2-primary {
	width:47%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#7c191a;
	border-radius:10px;
	font-size:1em;
	color:white;
	margin-bottom:20px;
	margin-left:7px;
}

.col2-primary a,
.col2-secondary a {
	color:white;	
}

.col2-primary a:hover,
.col2-secondary a:hover {
	text-decoration:none;	
}

.col2-secondary {
	width:47%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#7c191a;
	border-radius:10px;
	font-size:1em;
	color:white;
	margin-bottom:20px;
	margin-left:7px;

}

div.col2-secondary p {
	margin-bottom:5px;
}

.col3 {
	width:30%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5px;
}


/* = Phone and Tablet Styles
--------------------------------------------------------------------------------------------------------------------------- */




/* =Media Query for Largest
----------------------------------------------- */

@media (max-width: 1152px) {
	.header-button {
		font-size: 1em;
	}
}


@media (min-width: 1152px) {
	#header-right .widget {
		margin-top: -20px;
	}
}

/* =Media Query for 960px
----------------------------------------------- */

@media (max-width: 960px) {


	#main-slider {
		width: 100%;
		overflow: hidden;
	}

	#header-left {
		width: 100%;
	}

	#header-right {
		width: 100%;
	}
	
	.header-button-hours {
		width: 99%;
	}


}

/* =Media Query for 767px
----------------------------------------------- */
@media (max-width: 767px) {
	.header-button {
		font-size: 1em;
	
	}

	.button-split {
		margin: 10px 0 10px 0;
		max-width: 50%;
	}

	.button-wrap {
		width: 100%;
		margin: 0 0 10px 0;
		max-width: 100%;
	}
	
	.button-wrap:first-child {
		margin-top: 10px;
	}
	

	.header-button {
		margin: 0;
		font-size: 1em;
		font-weight: normal;
		line-height: 21px;
	}
	

	.header-row .button-wrap:primary-child {
		margin-right: 2%;
	}
	
	#content p img {
		width: 100%;
	}

	.widget-area {
		text-align: center;
	}
}

/* =Media Query for 480px
----------------------------------------------- */
@media (max-width: 480px) {

	.button-wrap {
		width: 100%;
		margin-right: 1%;
		float: left;
	}
	
	
	.button-wrap:last-child {
		margin-right: 0;
	}

	#header-left {
		width: 100%;
	}
	
	#main-slider .entry-container {
		max-width: 100%;
	}
	
	.header-button-hours {
		width: 100%;
	}

	#supplementary.three #primary.widget-area {
		display:none;	
	}
	
	#supplementary.three #fourth.widget-area,#first.widget-area {
		display:none;
	}
	
	.col2-primary,
	.col2-secondary,
	.col2,
	.col3 {
	width:99%;
	margin:1px;
	}
	.col2-primary{
	margin:0;
	background-color:rgba(0,0,0,0);
	color:#7c191a;
	padding:0;	
	}
	.col2-primary:lastchild{
		padding-bottom:20px;	
	}

}