/*
Theme Name: Catch Kathmandu Child Theme
Theme URI: http://catchthemes.com/themes/catch-kathmandu-pro
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: catch-kathmandu-pro
Template: catch-kathmandu-pro

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-pro/style.css");


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

COLORS TO REPLACE ---------------------------------------------------------
H-tag Grey: color: #909090;
First Color Deep Blue: #001985; 
Second Color and Hover State: #bd2406;
#main-slider .entry-container: rgba(0,25,133,
------------------------------




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

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

.site {
	background-color: rgba(255, 255, 255, 1);
	width:100%;
    margin:0px !important;
	border:0px;
	border-radius:0px;		
}
.container {
	padding:0px !important;
}

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

h1 {
	color: #001985;
	text-align: center;
	font-style:italic;
	font-size: 24px;
	font-weight:600;
	hyphens: none !important;
	clear:both;
}

h2 {
	font-style: italic;
	color: #001985;
	text-align: center;
	font-size: 15px;
	font-weight:600;
	hyphens: none !important;
	clear:both;
	margin-top:15px;
}

h3 {
	font-size: 8px;
	color: #001985;
	font-weight:600;
	hyphens: none;
}
p {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none !important;
}

a.icon {
  text-align:center !important;
  padding-right:10px;
  display:inline-block;
  color:#001985 !important;
  font-size:1.5em;  
}

a.icon:hover {
  color:#bd2406 !important;
  }

.widget-title {
	font-weight:400;
	text-align:center;	
}
.widget-area .widget a {
	color: #7a0026;
}

.entry-content ul {
	background-color:#001985;
	border-radius:5px;
	padding:5px;
	color:white;		
}
.in-content {
	display:block;
	margin:auto;
	float:none;
}

.box-top {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	padding-top:7px;
}

.box-low {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-bottom:7px;
}

.box-full {
	width:100%;
	box-sizing:border-box;
}
.side-list {
	text-align:right;
}
.gform_wrapper form {
	background-color:#001985;
	padding:5px;
	border-radius:5px;
}


/* = supplemental displays
----------------------------------------------- */
#supplementary.three {
	padding-top: 20px;
}

.hentry { 
	padding-bottom: 0px;
}

.widget {
	margin-bottom: 0px;
}
#breadcrumbs {
	background-color:ghostwhite;
	padding:5px;
}

.entry-meta {
	display:none;
}

.widget_text a:not(.more-link):not(.button) {
	text-decoration:none;
}
.featured-image img {
	display:none;
}
.contact-us {
	font-size:1.5em;
	text-align:center;
}
/* =Header Buttons CTAs
----------------------------------------------- */
#hgroup-wrap {
	padding:10px 50px !important;
}
.header-button {
	border-radius: 10px;
	background: #001985;
	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: 1px solid #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.address {
	border-radius: 10px;
	background: #001985;
	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 #001985 ;
	color:#001985 ;
	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: #bd2406 !important;
	border: 1px solid #fff;
}

.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%;
}

.header-sidebar {
	padding-top:20px;
}

/** export client logo at 2 times the size -- https://www.competethemes.com/blog/blurry-logo-wordpress/ **/
#site-logo {
  max-width: 100% !important;
  height: auto !important;
}

#hgroup-wrap {
	padding-top:10px;
	padding-bottom:25px;	
}

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

#secondary-menu {
	background-color: #001985;
}

#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: #bd2406;
	color: #fff;
}

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

.secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a, 
.secondary-navigation li:hover > a
	{
	background-color:#bd2406;
}
.secondary-navigation ul ul {
  background-color:#001985;
}

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

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



#main-slider .entry-container h1 {
		font-style:normal;
		font-weight:400;
		font-size:.8em !important;
}
}

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

#controllers a.active {
	background: #bd2406; /* Show a solid color for older browsers */
}
#slider-nav a {
	background: #bd2406; /* Show a solid color for older browsers */
	background: rgba(0,25,133, 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;
}
#slider-nav {
	display:none;
}
#main-slider:hover #slider-nav a {
	background-color: #bd2406; /* Show a solid color for older browsers */
	background-color: rgba(0,25,133, 0.6);	
	visibility: visible;
}
#main-slider #slider-nav a:hover {
	background-color: #bd2406; /* Show a solid color for older browsers */
	background-color: rgba(0,25,133, 1);
	color: #fff;
	text-decoration: none;
	visibility: visible;
}
/** ----------sidebar adjustments 2021--------- **/
#secondary {
	border-radius:5px;
	margin-bottom:10px;
	background-color: white;
}
#secondary .widget {
	border-left:0px;
	padding:25px;
	border-radius:10px;
	margin-bottom:7px;
	/** ----------sidebar color--------------**/
	background-color:rgba(0,25,133,.15);
	/** ----------sidebar color--------------**/	
}
#main {
	padding-top: 10px;
}

#rpwe_widget-2 a,
#custom_html-2 a,
.widget-title,
.widget a {
	/** ----------widget title and anchor color--------------**/
	color:#001985;
}
a.icon {
	color:#001985;
	}
.far,
.fad,
.fas {
	color:#001985;
	text-align:center;
	font-size:3em;
	display:block;
}

/* =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: #001985;
    color: #FFF;
}

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

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

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

.special-offer:hover {
	background-color:#bd2406;	
}

.special-offer a:hover {
	text-decoration:none;	
}

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

.ticket {
	color:#001985;	
}

/* =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:0px;
	margin-top:10px !important;
	margin-bottom:10px;
	padding-bottom:5px;
	border-radius: 10px;
	border:solid 2px #001985;
	background-color:#001985;
	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:#bd2406;
	color:white;
	text-decoration:none;	
}

.widget-area .widget a:hover {
	text-decoration:none;	
}
/* =sidebar solutions per Brad 
---------------------------------------------*/
#secondary .widget {
	border:none;
	box-shadow:none;
	border-left:1px solid #eee;
}


/* =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 #001985;
	clear: both;
}
#footer-sidebar { 
	background-color: #001985;
}
.ad-words {
	color:#001985;
}
#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;
}
/* =Flexrow soluions in CSS Customizer
---------------------------------------------------------*/
/* Containers for flexboxes */
.flex-row {
	display: -webkit-flex;
	display: flex;
	border-radius:5px;
	margin:25px 0;
}
.flex-row a {
	text-decoration:none !important;
}

img.alignright {
	padding-left:50px
}

.greyfield-wrap {
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-attachment:fixed;
	background-blend-mode:darken;
	padding:20px 0;
}
.greyfield {
	display:block;
	margin:auto;
}

/* ----------------
Styles for trust index social slider and recent posts extended widget */

.social-flex {
	background-color:rgba(0,25,133,.3);
}
.social-flex .column {
	margin:10px;
}
.vision {
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	border-radius:5px;
	margin-bottom:-50px;
}
.affiliates,
.rpwe-ignite,
.white {
	min-height: 360px;
	background-color:white;
	display:block;
	border-radius:5px;
	min-height:360px;
	padding-top:10px;
}
.rpwe-ignite {
	overflow: auto;
	padding-right:10px;
}
.rpwe-ignite ul {
	background-color:white;
}
.no-space {
	margin-top:-18px;
}
.affiliates {
	margin-top:10px;
	padding:10px;
	min-height:400px;
}
.affiliates h3 {
	font-weight:400;
	font-size:1.1em;
}
.bl {
	padding-bottom:20px;
}

img.review {
	margin:auto !important;
}
.badge {
	display:block;
	margin:auto;
}

/* - Styles for video feature  
- if necessary */

video {
  object-fit: cover;
	object-position:top;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.video-wrapper {
	top:0;
	left:0;
  margin-top:-10px;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-header {
  position: relative;
}
.video-header h2 {
	color:white;
	text-shadow: 1px 1px 8px rgba(0,25,133,0.6);
}
button {
	background:#001985;
	color:white;
	font-size:1.1em;
	border-radius:5px;
}
button:hover {
	background:#bd2406;
	box-shadow:inset 0 1px 0 	rgba(255,255,255,0), inset 0 15px 17px rgba(255,255,255,0), inset 0 -5px 12px rgba(0,25,133,0)
}



/* =Floats and Bullet Point Solutions
--------------------------------------------------------- */

.float-left{
	float: left;	
}

.float-right{
	float: right;
}

.clear {
	clear: both;
}
.no-clear {
	clear:none;
}
.row {
	border-radius: 10px;
	background-color: #001985;
	color:#fff;	
}

.box-full {
	width:100%;
}

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

.col2 {
	width:47%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:7px;
}
.col2-mobile a {
	color:white;
}
div.col2-primary p {
	margin-bottom:5px;
}

.col2-mobile,
.col2-primary {
	width:47%;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#001985;
	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:#909090;
	border-radius:10px;
	font-size:1em;
	color:white;
	margin-bottom:20px;
	margin-left:7px;

}

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

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

.maps {
	margin-top:15px;
}

/** fixes footer text size **/
#site-generator {
	font-size: 5px;
	font-size: .5em;
} 
#footer-sidebar a {
	color:white !important;	
}


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

/* =Media Query for Largest
----------------------------------------------- */
@media screen and (max-width:1880px) {
/** full width slider/featured image solution **/
.featured-slider .slides img,
#main-feat-img 	{
	width:100% !important;
 }	
 	.container {
	padding: 0px 25px;
	}
}
/* =Media Query for 1152
----------------------------------------------- */
@media (max-width: 1152px) {
	.header-button {
		font-size: 1em;
	}
	#main-slider .entry-container {
		left:0px !important;
		bottom:0px !important;
	}
}


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

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

@media (max-width: 960px) {
	/*--.featured-slider .slides img {
   		min-height: 150px;
    	min-width: 150px;		
	}--*/

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

	#header-left {
		width: 100%;
	}

	#header-right {
		width: 100%;
	}
	
	.header-button-hours {
		width: 99%;
	}
	.column.side {
		display:none;
	}


}
/* =Media Query for 800px
----------------------------------------------- */
@media screen and (min-width:800px) { 
	#primary {
	width:65%;
	}	
	#secondary {
	width:30%;
	}
}

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

/** 2022 Catch Pro Mobile Menu Color   **/

.menu-toggle,
.secondary-navigation .current_page_item > a,
.secondary-navigation a,
.secondary-navigation ul a:focus {
    background-color:#001985 !important; 

 		}

	.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;
	}
	#hgroup-wrap {
		padding-top:5px !important;
		padding-bottom:0px !important;
		
	}	#site-logo {
		padding-top:0px !important;
		margin-bottom:-10px;
	}
	.sidebar-sm {
  		display:block;
		border-top:1px solid #001985;
		border-bottom:1px solid #001985;
		font-size:2em;
		padding-right:0px;
  	}
  	.menu-toggle,
	.secondary-navigation .current_page_item > a,
	.secondary-navigation a,
	.secondary-navigation ul a:focus 	{
    	background-color:#001985;; 
 	}
	.kas-middle {
		width:100%;
	}
	.secondary-navigation ul a:hover 		{
		background-color:#bd2406; 
 		}
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .flex-row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
	.ad-words {
		display:none;
	}
	.affiliates h3 {
	font-weight:400;
	font-size:1.5em;
	}
	.video-header h2 {
		font-size:1em !important;
	}
	p.first {
	width:95%;
	}
	.greyfield-wrap {
		background-attachment:scroll;
	}
	.vision {
	background-image:url(/wp-content/uploads/2015/02/blank1.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin-bottom:0px;
	}
	.side-list {
	text-align:left;
	}
	h1 {
		padding:0 10px;
		hyphens:none !important;
		-webkit-hyphens:none !important;
	}
	
	.column,
	p {
		font-size:16px;
	}
	#hgroup-wrap {
		padding:10px !important;
	}
	.site-logo {
		width:90%;
		height:auto;
	}
	h1 {
	font-size:1.3em !important;
	}
}

/* =Media Query for 480px
----------------------------------------------- */
@media screen and (max-width:500px) {
		/*--.featured-slider .slides img {
		max-width: 150%;
		overflow: hidden;
		float: right;
	}   --*/
	.button-wrap {
		width: 100%;
		margin-right: 1%;
		float: left;
	}
	
	
	.button-wrap:last-child {
		margin-right: 0;
	}

	#header-left {
		width: 100%;
	}
	
	#main-slider .entry-container {
		width:33% !important;
		font-size:1em;
	}
	
	.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;
	border-radius:0px;
	padding:0;	
	}
	.col2-primary:lastchild{
		padding-bottom:20px;	
	}
	.box-top {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-top:7px;
	}

	.box-low {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding-bottom:7px;
	margin-bottom:10px;
    }
	#header-featured-image img, .featured-slider .slides img, #main-feat-img {
    height: 160px; /* height of container */
    object-fit: cover;
    object-position: 50% 10%; /* try 20px 10px */ 
 	}
	.brad h2 {
		font-size:1em;
		padding:5px 0;
	}
	.flex-row {
		padding:20px;
	}
	.greyfield {
		width:100%;
	}

}