/*
This is a theme for inwendo BookNPay that builds on Tisson Wordpress Theme and Skeleton
*/

/********************* Colors *********************/

/* Inputs */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #f1f1f1;
    color: #555555;
    border: 1px solid #D3D3D3;
    border-right-color: #f2f2f2;
    border-bottom-color: #f2f2f2;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
    border: 1px solid #96CCED;
    background: #E9F5FC;
    color: #1477B4;
}

/* Captions mask */
.wp-caption .photo .photo_wrapper a i {
    color: #fff;
}

/* Portfolio */
.da-thumbs li a div h6 {
    color: #fff;
}
.Projects_header .categories ul li a {
    background: #eff1f2;
    color: #4f5e6d;
}
.Projects_header .categories ul li a:hover, .Projects_header .categories ul li.current-cat a {
    color: #fff;
}

/* Get in touch */
.get_in_touch ul li i {
    background: #c9d0d2;
    color: #dfe3e5;
}

/* Team */
.team .links a.link {
    background: #bac4c5;
    color: #F8F8F8 !important;
}
.team .links a:hover.link {
    background: #838484;
    color: #fff !important;
}

/* Footer headers and text */
/* Borders */
#Footer .widget_calendar td, #Footer .widget_calendar th, #Footer .widget ul.menu li a, #Footer .widget_categories li a, #Footer .widget_meta li a {
    border-color: rgba(255, 255, 255, 0.10) !important;
}

/* Get in touch */
#Footer .get_in_touch ul li i {
    background: #384A5E;
    color: #DFE3E5;
}


/********************** Responsive **********************/

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    #Header #menu > ul > li.current-menu-item > a,
    #Header #menu > ul > li.current_page_item > a,
    #Header #menu > ul > li.current-menu-ancestor > a,
    #Header #menu > ul > li.current_page_ancestor > a {
        background: #40526A;
    }

}

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

    #Header .responsive-menu-toggle {
        background:#eff1f2;
        color: #5b6977;
    }

}




/********************** Backgrounds **********************/

.the_content, .content-padding {
    background: #ffffff;
}

#Footer {
    background-color: #1064A2;
}


/********************* Colors *********************/

/* Content font */
body {
    color: #2c3e50;
}

/* Links color */
a {
    color: #2c3e50;
}

a:hover {
    color: #192938;
}

/* Grey notes */
.Latest_posts ul li .desc p, .Recent_comments ul li p.author, .post .meta span.sep, .post .meta,
.post .footer p.tags a, .Twitter ul li > a {
    color: #98a7a8;
}

/* Strong */
.Twitter ul li span, .widget_calendar caption, blockquote .author h6,
.single-portfolio .sp-inside .sp-inside-left dd i {
    color: #1584D5;
}

/* Borders */
code, pre, .post, .post .meta, #comments .commentlist > li, #comments .commentlist > li .photo,
#comments .commentlist li .comment-body, .widget_calendar td, .widget_calendar th {
    border-color: #dfe3e5;
}

/* Buttons */
a.button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #1584D5;
    color: #ffffff;
}

a:hover.button, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background-color: #1584D5;
    color: #ffffff;
}

/* Headings font */
h1, h1 a, h1 a:hover { color: #2c3e50; }
h2, h2 a, h2 a:hover { color: #2c3e50; }
h3, h3 a, h3 a:hover { color: #2c3e50; }
h4, h4 a, h4 a:hover { color: #2c3e50; }
h5, h5 a, h5 a:hover { color: #2c3e50; }
h6, h6 a, h6 a:hover { color: #2c3e50; }

/* Header */

#Header .sixteen, #Header #menu ul {
    background: #1064A2;
}

#Header #logo {
    background: #ffffff;
}

#Top_bar .phone i {
    color: #bac4c5;
}

#Top_bar .phone a {
    color: #1064A2;
}

#Top_bar .social li a {
    background: #bac4c5;
    color: #dfe3e5 !important;
}

#Top_bar .social li a:hover {
    background: #1584D5;
    color: #ffffff !important;
}

/* Subheader */
#Subheader .sixteen .title {
    background: #ffffff;
    color: #1064A2;
}

/* Breadcrumbs */
ul.breadcrumbs li, ul.breadcrumbs li a {
    color: #99AEB0;
}

/* Menu */
#Header #menu > ul > li > a {
    color: #ffffff;
}

#Header #menu > ul > li.current-menu-item > a,
#Header #menu > ul > li.current_page_item > a,
#Header #menu > ul > li.current-menu-ancestor > a,
#Header #menu > ul > li.current_page_ancestor > a {
    background: #1584D5;
    color: #ffffff;
}

#Header #menu > ul > li > a:hover,
#Header #menu > ul > li.hover > a {
    background: #1584D5 !important;
    color: #ffffff;
}

#Header #menu > ul > li ul {
    background: #1584D5;
}

#Header #menu > ul > li ul li a {
    color: #ffffff;
    border-color: #1584D5;
}

#Header #menu > ul > li ul li a:hover,
#Header #menu > ul > li ul li.hover > a {
    background: #1584D5 !important;
    color: #ffffff !important;
}

/* Captions mask */
.wp-caption .mask, .da-thumbs li a div{
    background-color: rgba(32, 132, 198, 0.8);
}

/* Portfolio */
.da-thumbs li a div {
    background-color: rgba(32, 132, 198, 0.8);
}
.Projects_header .categories ul li a:hover, .Projects_header .categories ul li.current-cat a {
    background: #2084C6;
}

/* Get in touch */
.get_in_touch {
    background: #1064A2;
}

/* Call to action */
.call_to_action .inner-padding {
    background-color: rgba(15, 153, 255, 0.85);
}
.call_to_action h4 {
    color: #ffffff;
}
.call_to_action h4 span {
    color: #BAEFF8;
}

/* Team */
.team h4 {
    color: #1584D5;
}

/* Faq & Accordion & Tabs */
.accordion .question h5,.faq .question h5 {
    background: #1584D5;
    color: #ffffff;
}
.faq .active h5, .accordion .active h5 {
    background: #1584D5;
    color: #ffffff;
}
.accordion .answer, .faq .answer {
    background: #1584D5;
    color: #ffffff;
}

.ui-tabs .ui-tabs-nav li a {
    background: #bac4c5;
    color: #2c3e50;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #ffffff;
    color: #1584D5;
}

/* Pager */
.pager a.page {
    color: #b5bfc0;
}
.pager a.active {
    color: #2084C6;
}

/* Posts */
.post h3 a, .post .meta a {
    color: #2084C6;
}


/* Footer headers and text */
#Footer,
#Footer .Recent_posts ul li .desc p, #Footer .Recent_comments ul li p.author, #Footer .Twitter ul li > a  {
    color: #dfe3e5;
}

#Footer a {
    color: #ffffff;
}

#Footer a:hover {
    color: #1584D5;
}

#Footer h1, #Footer h1 a, #Footer h1 a:hover,
#Footer h2, #Footer h2 a, #Footer h2 a:hover,
#Footer h3, #Footer h3 a, #Footer h3 a:hover,
#Footer h4, #Footer h4 a, #Footer h4 a:hover,
#Footer h5, #Footer h5 a, #Footer h5 a:hover,
#Footer h6, #Footer h6 a, #Footer h6 a:hover,
#Footer .Twitter ul li span {
    color: #ffffff;
}

#Footer aside > h4 {
    color: #ffffff;
}

#Footer .copyrights p {
    color: #ffffff;
}

#Footer .social li a {
    background: #61727b;
    color: #1064A2 !important;
}

#Footer .social li a:hover {
    background: #1584D5;
    color: #ffffff !important;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
}
table {
    border-collapse: collapse;
    border-spacing: 0; }


/* #Basic Styles
================================================== */
body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

/* #Typography
================================================== */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { margin-bottom: 0; }
h2 { margin-bottom: 15px; }
h3 { margin-bottom: 15px; }
h4 { margin-bottom: 15px; }
h5 { margin-bottom: 15px; }
h6 { margin-bottom: 15px; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }

p { margin: 0 0 15px 0; }

em { font-style: italic; }
b, strong { font-weight: bold; }
small { font-size: 80%; }

hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin-bottom: 15px; clear: both; background-color: #cbcbcb; color: #cbcbcb; }


/* #Links
================================================== */
a, a:visited, a:focus { text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
p a, p a:visited { line-height: inherit; }


/* #Images
================================================== */

.content img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}


/* #Buttons
================================================== */


a.button {
    display: inline-block;
    padding: 12px 15px;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    -moz-box-shadow: 0 0 0 0 !important;
    font-weight: normal;
    text-shadow: 0 0 0 !important;
    letter-spacing: 0 !important;
}

a.button span {
    margin-left: 10px;
}

a:hover.button {
    background-position: left top;
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    -moz-box-shadow: 0 0 0 0 !important;
    text-shadow: 0 0 0 !important;
}


.button.full-width, button.full-width, input[type="submit"].full-width,
input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* #Forms
================================================== */

form {
    margin-bottom: 0;
}

fieldset {
    margin-bottom: 0;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    padding: 10px;
    outline: none;
    width: 230px;
    max-width: 100%;
    display: block;
    margin: 10px 0 10px;
    font-size: 13px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {}

textarea {
    min-height: 60px;
}

label, legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

input[type="checkbox"] {
    display: inline;
}

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.add-bottom { margin-bottom: 20px !important; }

/* #Base 1200 Grid
================================================== */

body					{ min-width: 1200px;}

.container				{ position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns		{ float: left; display: inline; }
.row					{ margin-bottom: 20px; }


/* Base Grid */
.container .four.columns,
.container .one-fourth.column		{ width: 300px; }	/* 1/4 */
.container .one-third.column		{ width: 400px; }	/* 1/3 */
.container .one-second.column		{ width: 600px; }	/* 1/2 */
.container .two-third.column		{ width: 800px; }	/* 2/3 */
.container .three-fourth.column		{ width: 900px; }	/* 3/4 */
.container .sixteen.columns,
.container .one.column				{ width: 1200px; }	/* 1/1 */


/* .content-padding */
.container .content-padding .one-fourth.column		{ width: 25% !important; }		/* 1/4 */
.container .content-padding .one-third.column		{ width: 33.33%  !important; }	/* 1/3 */
.container .content-padding .one-second.column		{ width: 50%  !important; }		/* 1/2 */
.container .content-padding .two-third.column		{ width: 66.66%  !important; }	/* 2/3 */
.container .content-padding .three-fourth.column	{ width: 75%  !important; }		/* 3/4 */
.container .content-padding .sixteen.columns,
.container .content-padding .one.column				{ width: 100%  !important; }	/* 1/1 */


/* .with_aside */
.with_aside #Content .container .one-fourth.column		{ width: 225px; }
.with_aside #Content .container .one-third.column		{ width: 300px; }
.with_aside #Content .container .one-second.column		{ width: 450px; }
.with_aside #Content .container .two-third.column		{ width: 600px; }
.with_aside #Content .container .three-fourth.column	{ width: 675px; }

.with_aside #Content .container .sixteen.columns, .with_aside #Content .container .one.column	{ width: 900px; }


/* .the_content */
.container .the_content .one.column				{ width: 98% !important; margin-right: 2% !important; margin-left: 0 !important; }

.container .the_content .one-second.column		{ width: 48% !important; margin-right: 2% !important; margin-left: 0 !important; }

.container .the_content .one-third.column		{ width: 31.33% !important; margin-right: 2% !important; margin-left: 0 !important; }
.container .the_content .two-third.column		{ width: 64.66% !important; margin-right: 2% !important; margin-left: 0 !important; }

.container .the_content .one-fourth.column		{ width: 23% !important; margin-right: 2% !important; margin-left: 0 !important; }
.container .the_content .two-fourth.column		{ width: 48% !important; margin-right: 2% !important; margin-left: 0 !important; }
.container .the_content .three-fourth.column	{ width: 73% !important; margin-right: 2% !important; margin-left: 0 !important; }

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* Blockquote */
blockquote .txt { position: relative; padding: 20px; margin-bottom: 40px; }
blockquote .txt .arrow { width: 53px; height: 29px; position: absolute; left: 13%; bottom: -29px; }
blockquote .txt p { margin-bottom: 0; }
blockquote .author { position: relative; min-height: 75px; overflow: hidden; }
blockquote .author .photo { width: 20%; max-width: 80px; margin-right: 15px; margin-left: 10%; line-height: 0; float: left; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }
blockquote .author .desc { width: 62%; float: left; }
blockquote .author h6 { margin-bottom: 0; padding-top: 8px; }
blockquote .author p { margin-bottom: 0; }

/* Get in touch */
.get_in_touch { word-wrap: break-word; }
.get_in_touch ul {}
.get_in_touch ul li { overflow: hidden; position: relative; min-height: 35px; padding: 15px 0 0 60px; margin-bottom: 10px; }
.get_in_touch ul li i { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; overflow: hidden; position: absolute; left: 0; top: 0; }
.get_in_touch ul li p { margin-bottom: 0; text-transform: uppercase; }
.get_in_touch ul li.address { min-height: 50px; padding-top: 5px; }

.widget-area .get_in_touch { background: none; }
/* FAQ / Accordion */
.accordion .question {}
.accordion .question h5 { margin: 0 0 1px 0; cursor: pointer; padding: 20px 50px 20px 20px; font-size: 14px; line-height: 18px; position: relative; }
.accordion .question h5 span.icon { width: 16px; height: 16px; overflow: hidden; position: absolute; right: 20px; top: 20px; }
.accordion .question .answer { padding: 20px 20px 20px 20px; overflow: hidden; margin-bottom: 1px; }
.accordion .active h5 { margin-bottom: 0; }
.accordion .active h5 span.icon {}

.faq .question {}
.faq .question h5 { margin: 0 0 1px 0; cursor: pointer; padding: 20px 50px 20px 20px; font-size: 14px; line-height: 18px; position: relative; }
.faq .question h5 span.icon { width: 16px; height: 16px; overflow: hidden; position: absolute; right: 20px; top: 20px; }
.faq .question .answer { padding: 20px 20px 20px 20px; overflow: hidden; margin-bottom: 1px; }
.faq .active h5 { margin-bottom: 0; }
.faq .active h5 span.icon {}

/* Code Hightlighter */
code, pre {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 50%, #f2f2f2 50%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* Opera 11.10+ */
    background: linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* W3C */
    background-size: 42px 42px;
    padding: 21px 15px 20px;
    display: block;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    line-height: 21px !important;
    border: 1px solid;
    font-family: monospace !important;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04);
}

.light code, .light pre {
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #333333 50%, #292929 50%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #333333 50%,#292929 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333333 50%,#292929 50%); /* Opera 11.10+ */
    background: linear-gradient(top,  #333333 50%,#292929 50%); /* W3C */
    color: #D2D2D2;
}

code p, pre p { margin-bottom:0 !important; }

/* Table */
table { display: table; width: 100%; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; }
table thead th, table tbody td { padding: 14px; text-align: center;
    border: 1px solid;
}
table thead th { font-weight: bold; }
table tbody td {}
table tbody tr.odd td {}

/* Lists */
ul.list, ol.list { margin-bottom: 15px; }
ul.list ul, ul.list ol, ol.list ul, ol.list ol { margin: 5px 0 5px 30px; }
ul.list li, ol.list li { margin-bottom: 5px; }

ul.list { list-style: disc outside; }
ul.list li { margin-left: 25px; }

ol.list { list-style: decimal outside; }
ol.list li { margin-left: 0; }



ul { list-style: none outside; }
ol { list-style: decimal; }
ol { margin-left: 30px; }


/*
Theme Name: Tisson
Theme URI: http://themes.muffingroup.com/tisson
Author: Muffin group
Author URI: http://muffingroup.com
Description: Tisson - Responsive Premium WordPress Theme.
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready
Version: 1.1.3
*/
/* #Global
================================================== */

.column-fixed > div { overflow:hidden;}

.inner-padding { padding: 20px !important; }
.content-padding { padding:20px; }

.the_content pre { margin-bottom:20px}

.rev_slider iframe { max-width:1200px;}

.no-pager { display: none !important; }

/* More */
a.button-more { position: absolute; right: 0; top: -3px; width: 33px; height: 33px; display: block; overflow: hidden; }
a:hover.button-more { background-position: left bottom; }

/* #Header
================================================== */
#Header .sixteen { position: relative; z-index: 201; margin-bottom: 0; }
#Header h1 { line-height: 0; font-size: 0; }

#Header a.responsive-menu-toggle { display: none; }

#Header #logo { display: block; float: left; z-index:201; padding: 20px 25px; position:absolute; }
#Header #logo:hover { text-decoration: none; }
#Header #logo img { vertical-align:middle;}

/* main menu 1st level */
#Header #menu { display: block; float: right; }
#Header #menu > ul { float: left; position: relative; }
#Header #menu > ul > li { margin: 0; position: relative; z-index: 203; float:left; }
#Header #menu > ul > li.hover { z-index: 204;}
#Header #menu > ul > li > a { padding: 30px 20px 30px; display: block; white-space: nowrap; text-transform: uppercase; }
#Header #menu > ul > li > a:hover { text-decoration: none; }

/* main menu 2nd level */
#Header #menu ul li ul { position: absolute; left: 0; top: 100%; z-index: 205; margin: 0; padding: 0; display: none; }
#Header #menu ul li ul li { padding: 0 0; width: 170px; position: relative; font-weight: normal; }
#Header #menu ul li ul li a { padding: 6px 20px 6px 15px; display: block;}
#Header #menu ul li ul li a:hover { text-decoration: none; }
/* main menu 3rd level */
#Header #menu ul li ul li ul { position: absolute; left: 170px; top: 0; z-index: 204; padding: 0; }

/* main menu .last-item */
#Header #menu ul li ul li.last-item > a,
#Header #menu ul li ul li ul li.last-item > a { border-bottom-width: 0; }

/* main menu .last */
#Header #menu ul li.last > ul { right: 0; left: auto; }
#Header #menu ul li.last ul li ul { right: 170px; left:auto; }


/* #Content
================================================== */
#Content { width:100%; }
.template-slider #Content { padding-top:0;}

.content { width: 960px; display: inline; float:left; }
.with_aside #Content .content { width: 900px; }

.aside_left .four { float: left; }
.aside_left .content { float: right; }

.aside_right .content { float: left; }
.aside_right .four { float: right; }


.the_content { padding: 20px; }
.the_content_wrapper { margin: 0; overflow:hidden; clear:both; }
.content-padding .the_content { padding:20px 0; }

/* #Blog
================================================== */
.post { margin-bottom: 10px; }
.post h3 { font-size: 50px; line-height: 52px; margin: 0 0 20px; }
.post h3 a { text-decoration: none; }
.post .meta { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; padding: 10px 0; margin: 0 0 20px; font-size: 12px; }
.post .meta div { display: inline-block; }
.post .meta span.sep { display: inline-block; margin: 0 10px; }
.post .share { margin: 25px 0; }
.post .photo { margin-bottom: 15px; }
.post .footer { padding: 0 0 10px; font-size: 12px; }
.post .footer p.tags { margin: 0; }

.post .photo iframe { width: 100%; height:390px;}
.with_aside .post .photo iframe { height:289px;}


/* #Widgets
================================================== */
.widget { clear: both; padding: 20px; background: url("../../images/base/bg_sidebar.png"); }
.widget h3 { margin-bottom: 15px; }

#Footer .widget { background: none; }

.widget ul.menu, .widget_meta ul {}
.widget ul.menu li, .widget_meta li {}
.widget ul.menu li a, .widget_meta li a { padding: 7px 25px 7px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); display: block; position: relative; }
.widget ul.menu li.current_page_item a, .widget ul.menu li a:hover, .widget_categories li a:hover, .widget_meta li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.03); }
.widget ul.menu li.current_page_item a {}
.widget ul.menu li.last a, .widget ul.menu li.last-child a, .widget_categories li.last a, .widget_categories li:last-child a, .widget_meta li:last-child a { border-bottom: 0; }

.widget_nav_menu li a,.widget_meta li a { border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important; }
.widget_nav_menu li.last a,.widget_meta li.last a { border-bottom: 0 !important; }

.widget_calendar td, .widget_calendar th { padding: 2px; }
.widget_calendar caption { padding: 5px; font-weight: bold; }

/* #Footer
================================================== */
#Footer {}
#Footer .container { padding-top: 40px; }
#Footer h4 { font-size: 24px; line-height: 24px; margin-bottom: 30px; }

#Footer .copyrights { overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .05); padding: 20px 0 40px !important; }
#Footer .copyrights p { float: left; font-size: 12px; margin: 0; padding-top: 4px; }
#Footer .copyrights .social { float: right; }

/**** featured box CSS3 transitions ****/

/* moveFromLeft */
@-webkit-keyframes moveFromLeft{
    from	{ -webkit-transform: translateX(-100%);}
    to		{ -webkit-transform: translateX(0%);}
}
@-moz-keyframes moveFromLeft{
    from	{ -moz-transform: translateX(-100%);}
    to		{ -moz-transform: translateX(0%);}
}
@-ms-keyframes moveFromLeft{
    from	{ -ms-transform: translateX(-100%);}
    to		{ -ms-transform: translateX(0%);}
}
@-o-keyframes moveFromLeft{
    from	{ -o-transform: translateX(-100%);}
    to		{ -o-transform: translateX(0%);}
}
@keyframes moveFromLeft{
    from	{ transform: translateX(-100%);}
    to		{ transform: translateX(0%);}
}

/* moveFromRight */
@-webkit-keyframes moveFromRight {
    from	{ -webkit-transform: translateX(100%);}
    to		{ -webkit-transform: translateX(0%);}
}
@-moz-keyframes moveFromRight {
    from	{ -moz-transform: translateX(100%);}
    to		{ -moz-transform: translateX(0%);}
}
@-ms-keyframes moveFromRight {
    from	{ -ms-transform: translateX(100%);}
    to		{ -ms-transform: translateX(0%);}
}
@-o-keyframes moveFromRight {
    from	{ -o-transform: translateX(100%);}
    to		{ -o-transform: translateX(0%);}
}
@keyframes moveFromRight {
    from	{ transform: translateX(100%);}
    to		{ transform: translateX(0%);}
}

/* moveFromBottom */
@-webkit-keyframes moveFromBottom {
    from	{ -webkit-transform: translateY(100%);}
    to		{ -webkit-transform: translateY(0%);}
}
@-moz-keyframes moveFromBottom {
    from	{ -moz-transform: translateY(100%);}
    to		{ -moz-transform: translateY(0%);}
}
@-ms-keyframes moveFromBottom {
    from	{ -ms-transform: translateY(100%);}
    to		{ -ms-transform: translateY(0%);}
}
@-o-keyframes moveFromBottom {
    from	{ -o-transform: translateY(100%);}
    to		{ -o-transform: translateY(0%);}
}
@keyframes moveFromBottom {
    from	{ transform: translateY(100%);}
    to		{ transform: translateY(0%);}
}

ul.products li.product a img { width:auto; height: auto; }

.related ul.products li.product img, .related ul li.product img, .upsells.products ul.products li.product img, .upsells.products ul li.product img { width: auto; height: auto; }

.single-product.layout-full .images img {
    width: auto;
}

/********************** Fonts **********************/

body, button, input[type="submit"], input[type="reset"], input[type="button"],
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: normal;
    letter-spacing: -0.06em;
}

#menu > ul > li > a {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: normal;
}

h1 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h2 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h3 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h4 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h5 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h6 {
    font-family: 'Overpass', Arial, Tahoma, sans-serif;
    font-weight: 300;
}


/********************** Font sizes **********************/

/* Body */

body {
    line-height: 21px;
}

#menu > ul > li > a {
    font-size: 15px;
}

/* Headings */

h1 {
    font-size: 40px;
    line-height: 40px;
}

h2 {
    font-size: 36px;
    line-height: 36px;
}

h3 {
    font-size: 26px;
    line-height: 28px;
}

h4 {
    font-size: 24px;
    line-height: 28px;
}

h5 {
    font-size: 17px;
    line-height: 22px;
}

h6 {
    font-size: 16px;
    line-height: 18px;
}


/******************* Fixed heights ********************/

/* 1240px */
.column-fixed > div { height: 330px; }
.column-fixed div.inner-padding { height: 290px;}
.column-fixed .call_to_action .inner-padding { height: 290px; line-height: 290px;}