/*
Theme Name: Catch Responsive
Theme URI: https://catchthemes.com/themes/catch-responsive/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Catch Responsive is an extremely flexible and customizable Responsive WordPress theme suitable for almost any kind of professional website. It is based on responsive web design where each element has been carefully configured for perfect display on all devices and platforms. It is built in HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with a wide variety of options so you can modify layout, styling, featured content, promotion headline, featured slider, pagination, icons, menus, breadcrumb, widgets and much more, directly from theme customizer. This theme is translation ready and also currently translated in Swedish, French, Brazilian Portuguese, German, Russian, Ukrainian, Polish and Danish languages. Check out Theme Instructions at https://catchthemes.com/theme-instructions/catch-responsive/, Support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/catch-responsive/
Version: 2.7.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: catch-responsive
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, education, portfolio

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Reset
2. Typography
3. Elements
4. Padding/Margin
5. Forms
6. Navigation
7. Accessibility
8. Alignments
9. Clearings
10. Header Area
11. Promotion Area
12. Featured Content Area
13. Hero Content Area
14. Portfolio
13. Content
14. Widgets
15. Comments
16. Media
17. Captions
18. Galleries
19. Footer
20. Extra Elements
21. Responsive Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-bottom: 10px;
	font-family: "Droid Sans",sans-serif;
	line-height: 1.3;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

#feature-slider .cycle-pager span {
    font-size: 45px;
}

#feature-slider .cycle-prev:before,
#feature-slider .cycle-next:before {
    font-size: 30px;
    line-height: 30px;
}

.site-title {
    font-size: 38px;
    font-weight: bold;
    font-family: "Droid Sans",sans-serif;
	line-height: 1.3;
}

.entry-title,
#promotion-message h2,
#featured-content #featured-heading,
.section .section-title,
#stats-content-section .entry-title {
	font-size: 30px;
}

#scrollup:before {
	font-size: 26px;
}

#featured-content .entry-title,
#portfolio-content-section .entry-title,
#services-section .entry-title,
#testimonial-content-section .entry-title,
#team-content-section .entry-title,
.archive-post-wrap .entry-title {
	font-size: 24px;
}

.sidebar .entry-title,
.comments-title,
#search-toggle,
.genericon.genericon-menu,
.widget_catchresponsive_social_icons .genericon {
    font-size: 20px;
}

.entry-meta span a:before {
	font-size: 18px;
}

.catchresponsive-nav-menu .sub-menu a,
.catchresponsive-nav-menu .children a,
.sidebar-header-right .widget_nav_menu .sub-menu a,
#breadcrumb-list .wrapper,
.entry-meta,
.site-description,
#secondary .widget-area,
#colophon .widget-area {
	font-size: 14px;
}

#nav-below .wp-pagenavi a,
#nav-below .wp-pagenavi span,
.page-links span {
	font-size: 14px;
	line-height: 30px;
}

#site-generator {
    font-size: 13px;
}

.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
}

.hentry {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/
body {
	background-color: #f9f9f9;
}

.site {
	margin: 0 auto;
	width: 1200px;
}

a {
	color: #1b8be0;
	cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #404040;
	outline: none;
	text-decoration: underline;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-weight: bold;
	margin: 0 0 2em;
	width: 100%;
}

th {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	color: #666;
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

td {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	padding: 8px;
}

blockquote:before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content ol,
.entry-content ul {
    margin-bottom: 20px;
    margin-left: 20px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
    list-style-type: square;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

.displayblock,
#heading,
#primary,
#secondary,
#comments,
.catchresponsive-nav-menu a,
.sidebar-header-right .widget_nav_menu a {
	display: block;
}

.displaynone {
	display:  none;
}

.sticky {
	display: block;
}

/* Genericons */
.genericon:before,
#feature-slider .cycle-prev:before,
#feature-slider .cycle-next:before,
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.edit-link a:before,
.menu-social-container li a:before,
#logo-section .cycle-prev:before,
#logo-section .cycle-next:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    display: inline-block;
	line-height: 1;
	font-family: 'Genericons';
    text-decoration: inherit;
    vertical-align: text-bottom;
}

#search-toggle:before {
    content: "\f400";
}

#scrollup:before {
	content: '\f432';
}

#feature-slider .cycle-prev:before {
    content: "\f430";
}

#feature-slider .cycle-next:before {
    content: "\f429";
}

.entry-meta .posted-on a:before {
	content: "\f307";
}

.entry-meta .author a:before {
	content: "\f304";
}

.edit-link a:before {
	content: "\f411";
}

.cat-links span + a:before {
	content: "\f301";
}

.tags-links span + a:before {
	content: "\f302";
}

.entry-meta .comments-link a:before {
	content: "\f509";
}

.menu-social-container a:before {
	content: "\f475";
}

.menu-social-container a[href*="facebook.com"]:before {
    content: "\f204";
}

.menu-social-container a[href*="twitter.com"]:before {
    content: "\f202";
}

.menu-social-container a[href*="plus.google.com"]:before {
    content: "\f206";
}

.menu-social-container a[href$="/feed/"]:before {
    content: "\f413";
}

.menu-social-container a[href*="wordpress.com"]:before,
.menu-social-container a[href*="wordpress.org"]:before {
    content: "\f205";
}

.menu-social-container a[href*="github.com"]:before {
    content: "\f200";
}

.menu-social-container a[href*="linkedin.com"]:before {
    content: "\f207";
}

.menu-social-container a[href*="pinterest.com"]:before {
    content: "\f209";
}

.menu-social-container a[href*="flickr.com"]:before {
    content: "\f211";
}

.menu-social-container a[href*="vimeo.com"]:before {
    content: "\f212";
}

.menu-social-container a[href*="youtube.com"]:before {
    content: "\f213";
}

.menu-social-container a[href*="tumblr.com"]:before {
    content: "\f214";
}

.menu-social-container a[href*="instagram.com"]:before {
    content: "\f215";
}

.menu-social-container a[href*="codepen.io"]:before {
    content: "\f216";
}

.menu-social-container a[href*="path.com"]:before {
    content: "\f219";
}

.menu-social-container a[href*="dribbble.com"]:before {
    content: "\f201";
}

.menu-social-container a[href*="skype.com"]:before {
    content: "\f220";
}

.menu-social-container a[href*="digg.com"]:before {
    content: "\f221";
}

.menu-social-container a[href*="reddit.com"]:before {
    content: "\f222";
}

.menu-social-container a[href*="stumbleupon.com"]:before {
    content: "\f223";
}

.menu-social-container a[href*="getpocket.com"]:before {
    content: "\f224";
}

.menu-social-container a[href*="dropbox.com"]:before {
    content: "\f225";
}

.menu-social-container a[href*="spotify.com"]:before {
    content: "\f515";
}

.menu-social-container a[href*="foursquare.com"]:before {
    content: "\f226";
}

.menu-social-container a[href*="twitch.tv"]:before {
    content: "\f516";
}

.menu-social-container a[href*="mailto:"]:before {
    content: "\f410";
}

#logo-section .cycle-prev:before,
#logo-section .cycle-next:before {
    content: "\f432";
}

#logo-section .cycle-prev:before {
	-webkit-transform: rotate(270deg);
	/* Chrome, Safari, Opera */
	-ms-transform: rotate(270deg);
	/* IE 9 */
	transform: rotate(270deg);
}

#logo-section .cycle-next:before {
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	-ms-transform: rotate(90deg);
	/* IE 9 */
	transform: rotate(90deg);
}

/*--------------------------------------------------------------
4. Padding/Margin
--------------------------------------------------------------*/
.wrapper {
	padding: 0 20px;
}

#masthead {
	padding: 20px 0;
}

.page-header {
	padding: 20px 20px 0 20px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 5px 10px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 9px 15px;
}

#site-branding,
#promotion-message .columns,
#services-section .hentry-inner,
#stats-content-section .hentry-inner,
#testimonial-content-section .entry-content,
#content .wrapper,
.hentry,
.woocommerce-wrap,
.no-results,
.not-found,
.sidebar,
#comments,
#nav-below,
.post-navigation,
#infinite-handle,
#supplementary .widget,
#site-generator {
	padding: 20px;
}

.section,
#supplementary {
	padding-top:  20px;
}

.section,
.archive-post-wrap {
	padding-bottom: 20px;
}

.entry-header {
	padding-bottom: 10px;
}

.logo-left #site-header {
	padding-left: 10px;
}

.logo-right #site-header {
	padding-right: 10px;
}

.blog #main .hentry,
.archive #main .hentry,
.sidebar .entry-header {
	padding-bottom: 0;
}

.nav-header-right .wrapper,
.custom-header .wrapper,
#header-featured-image .wrapper,
#feature-slider .wrapper,
#feature-slider .entry-header,
#featured-content .entry-header,
#services-section .entry-header,
#hero-content .entry-header,
#stats-content-section .entry-header {
	padding: 0;
}

.site-description,
.single-post .hentry,
#featured-content p:last-child,
.section p:last-child,
.sidebar-primary .widget:last-child,
.sidebar-header-right .widget:last-child {
	margin-bottom: 0;
}

.page-head