/* Theme Name: Care Theme URI: http://mnkythemes.com/quince Description: Care is a premium WordPress theme for doctors, dentists and health clinics. Great for health related blogs. Available exclusively on Theme Forest. Author: MNKY Author URI: http://themeforest.net/user/MNKY Version: 4.6.9 License: Envato Marketplaces Split Licence License URI: Envato Marketplace Item License Certificate Text Domain: care ----------------------------------------------------------------- 01. Reset Stylesheet 02. Base Typography 03. Base Styles 04. Nonsemantic Base Styles 05. Structure 06. Header 07. Menu 08. Content 09. Images 10. Comments 11. Footer 12. Widgets 13. Portfolio 14. Plugins 15. Retina 16. Responsive styles -----------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 01. Reset Stylesheet by html5doctor.com v1.6.1 /*---------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { text-decoration:underline;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del, strike { text-decoration: line-through; } abbr[title], dfn[title], acronym { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /*---------------------------------------------------------------*/ /* 02. Base Typography /*---------------------------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.7; background-color:#ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ms-word-wrap: break-word; word-wrap: break-word;} pre, code, kbd, samp { font-family: monospace, sans-serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea {color: #575757; font-family: Arial, Helvetica, sans-serif;} input, textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#284b80; margin-bottom:12px;} h1{font-size:30px} h2{font-size:24px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} h6{font-size:14px} html { overflow-y: scroll; } *:focus { outline: none; } a{color:#444; text-decoration:none; outline:0; } a:hover, a:active { outline: none; } a:hover, a:active,a:focus { text-decoration:none; outline: none;} p{margin-bottom:18px;} img{max-width:100%;} em {font-style: italic;} small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { display:block; font:normal 12px/22px Monaco, Monospace; background-color:#fafafa; background-image:-webkit-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-moz-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-ms-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-o-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); overflow:auto; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 */ word-wrap: break-word; /* IE */ padding:0em 1em; border: 1px dashed #cccccc; margin: 0 0 1em 0;} hr {background-color: #EDEDED; border: 0; clear: both; height: 1px; margin-bottom: 18px; } iframe, embed, video, audio{max-width:100%;} .ie7 img {-ms-interpolation-mode: bicubic;} /* Quote tag */ q:before, q:after { content:'"'; } /* Definition list */ dl {padding-top:20px; padding-bottom:20px;} dt {float: left; clear: left; width: 130px; text-align: right; font-weight: bold;} dt:after {content: ":";} dd {margin: 0 0 0 150px; padding: 0 0 0.5em 0;} /* Bloquote */ blockquote:after {font-family: FontAwesome; content: "\f10e"; font-size:19px; position:absolute; bottom:10px; right:20px;} blockquote p { font-size: 16px; margin-bottom: 10px;} blockquote {border: 1px solid #EDEDED; background:#f9f9f9; margin-bottom:16px; padding:40px; position:relative; border-radius:4px;} blockquote cite {display: block; font-size: 12px; color: #555; margin-top:15px;} blockquote cite:before {content:"\2014"; padding-right:5px;} /* Form style */ input,textarea{ font-size: 13px; background: #f7f7f7; border:1px solid transparent;} input:focus,textarea:focus { background: #f7f7f7; outline: 0; border-color:#ececec; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } input{padding:0 10px; height:44px;} textarea { overflow: auto; padding:10px; height:160px;} input[type="radio"] { vertical-align: text-bottom; background:none;} input[type="checkbox"] { vertical-align: bottom; background:none; vertical-align: middle !important;} label, input[type=button], input[type=submit], button { cursor: pointer; } input[type=button], input[type=submit], button {-webkit-appearance: button;} input, select, textarea { margin: 0;} /* Selection style */ ::-moz-selection{ background-color: #999999; color:#fff; text-shadow: none; } ::selection { background-color:#999999; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.196); } /* Button style */ input[type='submit'], button{display: inline-block; background-color:#6EC7E7; border:none; color: #fff; font-size: 12px; font-weight:600; text-transform:uppercase; height:auto; padding: 10px 18px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type='submit']:hover, button:hover{ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 54%, rgba(0,0,0,0.1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(54%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 54%,rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 54%,rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 54%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 54%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );} input[type='submit']:active, button:active{color:#ffffff;} /* List style */ ul, ol { margin-left: 1.8em; } ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc, ul {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px;} li {line-height: 18px;} ul.large li {line-height: 21px;} nav ul, nav li { margin: 0; } /* Table Style */ table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0; padding:0; margin-bottom:18px; width:100%;} th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center;} th a {color:#ffffff;} th a:hover {color:#f7f7f7;} tr{color:#696969; text-align:center;} tr:nth-child(odd) td{background:#ffffff;} td{padding:10px;vertical-align:middle; } tbody th{background:none; color:#444444;} tbody th a {color:#444444;} tbody th a:hover {color:#696969;} tbody tr:nth-child(odd) th{background:#ffffff;} /*---------------------------------------------------------------*/ /* 04. Nonsemantic Base Styles /*---------------------------------------------------------------*/ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers */ .hidden { display: none; visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------------------------------------------------------*/ /* 05. Structure /*---------------------------------------------------------------*/ #wrapper {display: block; margin:0 auto; background:#fff; position:relative; overflow-x:hidden;} #container {position:relative; margin:60px auto;} #container.no-sidebar {width:100%; margin:0px auto;} #container:after { content: "\0020"; clear: both; display: block; height: 0; visibility: hidden; } #content{width:100%; overflow-x:hidden;} #content.float-left, #content.float-right{width:70%;} #sidebar{width:30%; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #sidebar.float-left{padding-right:40px;} #sidebar.float-right{padding-left:40px;} #sidebar .widget {overflow: hidden;} .pre-content{width:100%; position:relative; overflow:hidden;} /* Alignments */ .alignleft { display: inline; float: left;} .alignright { display: inline; float: right;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .float-left{ float:left;} .float-right{ float:right;} /*---------------------------------------------------------------*/ /* 06. Header /*---------------------------------------------------------------*/ /* Top area */ #top-bar-wrapper{padding:0 40px; background:#E9E9E9;} #top-bar{width:100%; margin:0 auto; padding-bottom:28px; padding-top:8px;} /* Header */ #site-header{position: relative; width: 100%; height:90px; z-index: 9998;} #site-header #header-wrapper{width: 100%; background:#ffffff;} #site-header #header-container{max-width:100%; height:90px; margin:0 auto; position:relative; } #site-logo {position:absolute; left:0px; margin-top:0px;} .full-width #site-logo {left:40px;} #site-logo .site-title {padding:0; margin:0; line-height:90px; color:#444444; text-transform:uppercase; font-size: 28px; font-weight: bold;} #site-logo img {display: block; max-height: 100%; padding:0px;} #site-logo img.retina-logo {display:none;} /* Header search */ .header-search {position:absolute; top: 50%; margin-top:40px; right:-17px;} .header-search .searchform-wrapper{margin-top:0; opacity:0;} .header-search .searchform-wrapper:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color:transparent; border-color:rgba(255,255,255,0); position:absolute; right:15px; top:-8px;} .header-search.header-search-active .searchform-wrapper{opacity:1;} .header-search .search-input{color:#fff; width:260px; height:52px; padding:0 20px; border:none; border-radius:2px; box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.15);} .header-search .search-input:focus{} /* Page title */ .page-header {text-align:left; background:#3498db; padding:30px 0px 0px 0px; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;} .page-header .row-inner {margin-left:auto; margin-right:auto; box-sizing:border-box;} .page-header .page-title { padding-bottom:31px;} .page-header h1.page-title {font-size:24px; font-weight:500; margin:0 0 0 -0.065em; line-height:1.3; color:#ffffff;} .breadcrumbs-trail {font-size:12px; float:right; margin-top:-55px; margin-right:2px; color:#ffffff;} .breadcrumbs-title{padding-right:5px;} .breadcrumbs-separator{padding:0 5px; color:#ffffff;} .breadcrumbs-trail a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; color:#ffffff;} .breadcrumbs-trail a:hover {color:#f0f0f0;} /* Post header */ .post-entry-header {padding:0px; } .post-entry-header h1.entry-title, .post-entry-header h2.entry-title, h2.entry-title {font-size:21px; line-height:1.5; font-weight:600; margin:0 0 2px; line-height:1.3; } .post-preview{margin-bottom:20px;} .post-preview img{display:block; height:auto; width:100%; max-width:100%;} /*---------------------------------------------------------------*/ /* 07. Menu /*---------------------------------------------------------------*/ #site-navigation{float:right; display:block; margin-bottom:-10px;} .full-width #site-navigation{margin-right:40px;} #site-navigation .menu-container{float:left;} #site-navigation ul li{float:left; padding:0; cursor:pointer; text-transform:uppercase; position:relative;} #site-navigation ul li a{display:inline-block; color:#444444; font-weight:600; font-size:11px; line-height:90px; padding:0px 17px; position:relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} #site-navigation ul li.menu-item-has-children:after {font-family: FontAwesome; content:"\f107"; width:15px; display:inline-block; margin-left:-15px;} #site-navigation .search_button, #site-navigation .header_cart_link {position:relative; background:none; color:#444444; font-size: 13px; font-weight:normal; padding:0; line-height: 90px; margin-left:20px; width:16px; border: none; box-shadow:none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} #site-navigation .header_cart_link{font-size:14px; overflow:visible; margin-left:15px; padding:0px 5px 35px 15px;} #site-navigation .header_cart_link i {padding-bottom:1px; width:15px;} #site-navigation .header_cart_link .cart_product_count{color:#fff; font-size:10px; font-weight:600; position:absolute; top:-7px; left:25px; display:block; text-align:center; height:16px; line-height:16px; padding:0 5px; background:red; overflow:visible; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} /* Sub-level */ #site-navigation ul li ul{ background:#414856; border-top:3px solid; position: absolute; top:100%; margin:0; left: 0px; display: block; visibility: hidden; z-index:9992; -moz-box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888;} #site-navigation ul li:hover > ul{visibility: visible;} #site-navigation ul li ul li {display: block; float: none; margin: 0; padding:0; letter-spacing:0em; font-weight:600; border-bottom:1px solid #eee;} #site-navigation ul li ul li:last-child{border-bottom:none;} #site-navigation ul li ul li.menu-item-has-children:after {font-family:FontAwesome; content: "\f105"; top:12px; right:10px; position:absolute; font-size:11px;} #site-navigation ul li ul li a{display:block; background:none; border:none; width:170px; padding:12px 20px; margin:0; line-height:1.7; font-size:11px; font-weight:600;} #site-navigation ul li ul li ul{margin:-3px 0 0 0; top:0px; left:210px;} #site-navigation ul li ul li ul:before, #site-navigation ul li ul li ul:after{display:none;} #site-navigation ul li ul li ul li a {padding-right:20px;} /* Mobile menu */ .toggle-mobile-menu{display:none; position:absolute; width:24px; height:28px; line-height:1; top:50%; right:40px; margin-top:-14px;} .toggle-mobile-menu i{color:#444; font-size:28px;} #mobile-site-navigation{display:none;} #mobile-site-navigation.mm-menu.mm-current{display:block;} /* Mega menu */ #site-navigation ul li.megamenu{position:static;} #site-navigation ul li.megamenu > ul{width:100%; left:0px; display:table; padding:15px 0; cursor:default;} #site-navigation ul li.megamenu > ul > li {width:25%; display:table-cell; float:none; padding:0 15px; cursor:default; } #site-navigation ul > li.megamenu > ul > li {border-right: 1px solid rgba(0, 0, 0, 0.08);} #site-navigation ul > li.megamenu > ul > li:last-child {border-right:none;} #site-navigation ul li.megamenu ul li.menu-item-has-children:after {content:"";} #site-navigation ul li.megamenu > ul > li.hide-title > a{display:none;} #site-navigation ul li.megamenu > ul > li > a{width:auto; font-size:13px; letter-spacing:2px; line-height: 16px; padding:5px 15px 15px;} #site-header #site-navigation ul li.megamenu > ul > li:hover > a, #site-header #site-navigation ul li.megamenu ul li.current-menu-ancestor > a {background:none} #site-navigation ul li.megamenu ul li ul{position:relative; border-top:none; left:0px; cursor:default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #site-navigation ul li.megamenu ul li {border-bottom:none;} #site-navigation ul li.megamenu:hover ul li ul{visibility:visible; } #site-navigation ul li.megamenu ul li ul li a{padding:12px 15px; line-height:1; width:auto;} #site-header #site-navigation ul li.megamenu ul li a:hover, #site-navigation ul li.megamenu ul li.current-menu-item > a,.single-post #site-navigation ul li.megamenu ul li.current_page_parent > a, #site-navigation ul li.megamenu ul li.current-menu-ancestor > a {background:none;} /* Mega menu columns */ #site-navigation ul li.megamenu.columns-2 > ul > li {width:50%;} #site-navigation ul li.megamenu.columns-3 > ul > li {width:33.3%;} #site-navigation ul li.megamenu.columns-4 > ul > li {width:25%;} #site-navigation ul li.megamenu.columns-5 > ul > li {width:20%;} #site-navigation ul li.megamenu.columns-6 > ul > li {width:16.6%;} /*---------------------------------------------------------------*/ /* 08. Content /*---------------------------------------------------------------*/ /* All posts */ article.post-entry {margin-bottom:70px;} article.post-entry .entry-title a{-webkit-transition: color 0.10s ease-in-out; -moz-transition: color 0.10s ease-in-out; transition: color 0.10s ease-in-out;} article.post-entry.format-quote,article.post-entry.format-link,article.post-entry.format-status {margin-bottom:50px;} .single-post article.post-entry {margin-bottom:70px;} body:not(.single-format-standard) .single-post article .entry-content {margin-top:25px;} /* Post navigation */ .post-navigation {clear:both; margin-bottom:1px;} .post-navigation a {font-size:12px; color:#fff; background:#444751; display:inline-block; padding: 4px 12px 5px 12px; margin-right:5px; border-radius:3px; -webkit-transition: background 0.15s; -moz-transition: background 0.15s; transition: background 0.15s;} .post-navigation a:hover {color: #fff;} /* More tag - Read more link */ .more-link {display:inline-block; margin-top:21px; font-size:14px; } /* Sticky post */ article.sticky .entry-title:after { font-family: FontAwesome; content: "\f005"; float:right; color:#f6bb17; font-size:16px; margin-top:2px;} /* Password protected post */ .post-password-form {margin-top:30px; margin-bottom:30px;} .post-password-form label input {margin-left:10px; margin-right:10px;} .post-password-form input[type="submit"]{line-height:10px; padding:17px 45px } /* Quote + Link + Status format */ article.format-quote .quoute-text:after, article.format-link .link-text:after, article.format-status .status-text:after {font-family: FontAwesome; content: ""; font-size:19px; position:absolute; bottom:10px; right:20px;} article.format-quote .quoute-text .entry-title, article.format-link .link-text .entry-title, article.format-status .status-text .entry-title{margin-bottom:15px;} article.format-quote .quoute-text, article.format-link .link-text, article.format-status .status-text {color:#fff; background:#f9f9f9; margin-bottom:10px; padding:20px; position:relative; border-radius:4px;} article.format-quote .quoute-text span, article.format-link .link-text span, article.format-status .status-text span{font-size:13px;} article.format-quote .post-entry-header h2 a, article.format-link .post-entry-header h2 a, article.format-status .post-entry-header h2 a {color:#fff;} body:not(.single) article.format-quote .entry-meta, body:not(.single) article.format-link .entry-meta, body:not(.single) article.format-status .entry-meta {opacity:0; -moz-transform: translateX(0px) translateY(-10px); -webkit-transform: translateX(0px) translateY(-10px); -o-transform: translateX(0px) translateY(-10px); -ms-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} body:not(.single) article.format-quote:hover .entry-meta, body:not(.single) article.format-link:hover .entry-meta, body:not(.single) article.format-status:hover .entry-meta {opacity:1; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);} /* Quote format */ article.format-quote .quoute-text:after {content: "\f10e";} article.format-quote .quoute-text span:before{content:"\2014"; padding-right:5px;} article.format-quote blockquote{border:none; background:none; margin:0px; padding:0px; } article.format-quote blockquote a:last-child {font-size:15px;} article.format-quote blockquote:after, article.format-quote blockquote cite:before {display:none;} /* Chat format */ article.format-chat p {padding:10px 10px 10px 40px; margin:0px; background:#f7f7f7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} article.format-chat p:before{font-family: FontAwesome; content: "\f075"; display:inline-block; width:20px; margin-left:-27px;margin-right:8px; font-size:16px; line-height:10px; vertical-align:-1px; color:#999999;} article.format-chat p:nth-child(odd):before {font-family: FontAwesome; content: "\f0e5"; } article.format-chat p:nth-child(odd) {background:#ffffff;} /* Link format */ article.format-link .link-text:after {content: "\f0c1"; font-size:21px;} /* Status format */ article.format-status .status-text:after {content: "\f075"; font-size:19px;} article.format-status .status-text span{display:block; margin-bottom:18px;} /* Audio format */ .wp-audio-shortcode {max-width:100%;} /* Video format */ .wp-video-shortcode {max-width: 100%;} article.format-video .post-preview {margin-left:-3px; margin-right:-3px;} article.format-video .post-preview .post-video-wrapper {padding-top: 56%; position: relative;} article.format-video .post-preview .post-video-wrapper > div {padding-top: 0 !important; position: static;} article.format-video .post-preview .post-video-wrapper iframe {width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Image format */ article.format-image .post-preview img {min-width:100%;} article.format-image .post-preview a {position:relative; display:block; max-height: 425px; overflow:hidden; border-radius:4px;} .single-post article.format-image .post-preview img {border-radius:4px;} .single-post article.format-image .post-preview a {max-height: none;} article.format-image .post-preview a:after {font-family:FontAwesome; content: "\f14c"; width:80px; height:80px; line-height:83px; text-align:center; font-size:33px; background:#000; background: rgba(0, 0, 0, 0.75); color:#fff; position: absolute; display:block; bottom:0%; left:0%; border-radius:0px 0px 0px 4px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s ;-o-transition: background-color 0.4s; transition: background-color 0.4s;} article.format-image .post-preview a.local-image:after {content: "\f0c1";} /* Gallery format */ article.format-gallery .flex-direction-nav a.flex-next, article.format-gallery .flex-direction-nav a.flex-prev {display:none;} article.format-gallery .flexslider {border:none; box-shadow:none; margin-bottom:0px; overflow:hidden; border-radius:4px;} article.format-gallery .flexslider img {border-radius:4px;} article.format-gallery .flexslider .flex-control-nav {bottom:5px;} article.format-gallery .flexslider .flex-control-paging li a {box-sizing: content-box; background:none; border:1px solid #fff; width:7px; height:7px; border-radius: 7px; box-shadow:none;} article.format-gallery .flexslider .flex-control-paging li a:hover {background:none;} article.format-gallery .flexslider .flex-control-paging li a.flex-active {background:#fff;} /* Next and previous links */ .previous_post_link a { display:inline-block; font-weight:600; text-transform:uppercase; color:#444444; margin-bottom:5px; -webkit-transition: color 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .next_post_link a { display:inline-block; font-weight:600; text-transform:uppercase; color:#444444; margin-bottom:5px; float:right; -webkit-transition: color 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .previous_post_link a:before, .nav-previous a:before{font-family: FontAwesome; content: "\f104"; display:inline-block; width:15px; margin-left:1px; font-size:15px; vertical-align:0px;} .next_post_link a:after, .nav-next a:after{font-family: FontAwesome; content: "\f105"; display:inline-block; margin-left:7px; margin-right:1px; font-size:15px; vertical-align:0px;} /* Meta */ .post-entry-header .entry-meta{color:#999999; margin-top:10px; margin-bottom:20px; font-size:12px;} .entry-meta-footer{margin-top:20px; color:#999999; font-size:13px; clear:both;} .entry-meta-footer a{color:#999999;} .meta-date:before{font-family: FontAwesome; content: "\f073"; display:inline-block; width:25px; margin-left:1px; font-size:16px; vertical-align:1px; color:#614261;} .meta-category:before{font-family: FontAwesome; content: "\f07b"; display:inline-block; width:23px; margin-left:15px; font-size:16px; vertical-align:-1px; color:#614261;} .meta-author:before{font-family: FontAwesome; content: "\f007"; display:inline-block; width:25px; margin-left:15px;font-size:16px; vertical-align:0px; color:#614261;} .meta-comments:before{font-family: FontAwesome; content: "\f086"; display:inline-block; width:25px; margin-left:15px; font-size:16px; vertical-align:0px; color:#614261;} .tag-links{margin-bottom:5px;} .tag-links:before{font-family: FontAwesome; content:"\f02c"; display:inline-block; width:25px; margin-left:1px; font-size:16px; vertical-align:-2px; color:#614261;} .tag-links span { display:inline-block; margin-right:5px; line-height:1;} .tag-links span:after {content:","; margin-left:2px; padding:0px;} .tag-links span:last-child:after {content:""; margin-left:0px;} article.format-quote .tag-links, article.format-link .tag-links, article.format-status .tag-links {margin-top:20px;} /* Page links */ .page-links {clear:both; font-size:12px; text-transform:uppercase; font-weight:600; color:#444444; padding-top:20px;} .page-links span {padding-right:5px;} /* Author info */ .author-area{border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 25px 0px; margin-bottom:40px;} .author-area img{float:left; margin-bottom: 0px; margin-right: 20px; border-radius:3px;} .author-area .author-name{font-weight:bold; margin-top:3px; margin-bottom: 5px; line-height:1.3;} /* Search result page */ .search-results .results-container { -moz-column-count:2; -moz-column-gap: 50px; -moz-column-width: 45%; -webkit-column-count:2; -webkit-column-gap: 50px; -webkit-column-width: 45%; column-count: 2; column-gap: 50px; column-width: 45%; } .search-results .results-container {margin-bottom:40px;} .search-results article {margin-bottom:0px; display: inline-block; width: 100%; -webkit-transform: translateZ(0); } .search-results article.post-entry.format-quote, .search-results article.post-entry.format-link, .search-results article.post-entry.format-status {margin-bottom:0px;} .search-results article:before {margin-top:5px;} .search-results article h1.entry-title {font-size:14px; } .search-results article.page .meta-category, .search-results article.portfolio .meta-category {display:none;} .search-results article .entry-meta span:after {display:inline; content:"/"; margin:0px 5px;} .search-results article .entry-meta span:last-child:after {content:""; margin:0px;} .search-results .meta-date:before, .search-results .meta-category:before, .search-results .meta-author:before, .search-results .meta-comments:before{content:""; margin:0px; width:0px;} /* Error 404 page*/ article.error404 .row-inner{padding:100px 0 110px; text-align:center;} article.error404 h1 {font-size:200px; line-height:150px; font-weight:bold;} article.error404 h2 {margin-bottom:50px; text-transform:uppercase; font-weight:bold;} article.error404 p {margin-bottom:20px; color:#999; font-size:18px; font-weight:300;} /* Nothing found search page*/ .search-no-results #content h2 {margin-top:5px; margin-bottom:30px; text-transform:uppercase;} .search-no-results #content p {margin-top:-15px; color:#999; margin-bottom:50px; font-size:15px; font-weight:300;} /* No posts found page */ p.no-posts {margin-top:30px; margin-bottom:32px; font-size:15px; font-weight:300;} /*---------------------------------------------------------------*/ /* 09. Images /*---------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img {max-width: 100%; height: auto;} img.alignleft { margin-right: 1em;} img.alignright { margin-left: 1em;} /* WordPress Captions */ .wp-caption {text-align: center;} dl.wp-caption {padding:0px;} dt.wp-caption-dt:after {content:""; content:none;} figure.wp-caption {max-width:100%;} .wp-caption.alignleft { margin-right: 1em;} .wp-caption.alignright { margin-left: 1em;} .wp-caption .wp-caption-text { margin: -0.5em 0.25em 0.25em 0em;} .wp-caption figcaption { background-color: rgba(0, 0, 0, 0.70); text-align: left; color: #fff; margin: 0; padding: 6px 8px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* WordPress Gallery (some parts adapted from Twenty Fourteen by the WordPress team http://wordpress.org/themes/twentyfourteen) */ .gallery-item {float: left; overflow: hidden; position: relative;} .gallery img {-webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;} .gallery a img:hover {opacity:0.8; filter:alpha(opacity=80);} .gallery:before,.gallery:after {content: ""; display: table;} .gallery:after{clear: both;} .gallery-columns-1 .gallery-item {max-width: 100%;min-width: 100%;} .gallery-columns-2 .gallery-item {min-width: 47%;max-width: 47%;} .gallery-columns-3 .gallery-item {min-width: 32%;max-width: 32%;} .gallery-columns-4 .gallery-item {min-width: 24%;max-width: 24%;} .gallery-columns-5 .gallery-item {min-width: 19%;max-width: 19%;} .gallery-columns-6 .gallery-item {min-width: 15%;max-width: 15%;} .gallery-columns-7 .gallery-item {min-width: 13%;max-width: 13%;} .gallery-columns-8 .gallery-item {min-width: 11%;max-width: 11%;} .gallery-columns-9 .gallery-item {min-width: 9%;max-width: 9%;} .gallery-caption {background-color: rgba(0, 0, 0, 0.7);-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; color: #fff; margin: 0; opacity: 0; padding: 6px 8px; position: absolute; bottom: 5px; left: 0; text-align: left; width: 100%; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:50%;} .gallery-item:hover .gallery-caption, .gallery-item.touch-hover .gallery-caption {opacity: 1;} .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {display: none;} /* Forms - Class for labelling required form items */ .required { color: #cc0033;} /*---------------------------------------------------------------*/ /* 10. Comments /*---------------------------------------------------------------*/ /* Comment list */ #comments {padding-bottom:5px;} #comments h3 {font-size:20px;} #comments .comment-list li article{ background:#fafafa; padding:40px; margin-left:2px; margin-right:2px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10)} #comments .comment-list{margin:0 0 40px; list-style:none;} #comments .comment-list .children {list-style:none; margin:0px; padding-left:30px; position:relative;} #comments .comment-list .children li{margin:0;} #comments .comment-body {min-height:60px; padding: 0 0 30px 80px; margin:25px 0px 0px; display: block; position: relative; } #comments .comment-body p:last-child{margin-bottom:0px;} #comments .comment-body footer{margin-bottom:50px;} #comments .children .comment-body footer {margin-bottom:30px;} #comments .comment-body .comment-content {clear:both; line-height:1.6;} #comments .comment-author img{float:left; margin-right:20px; margin-top:-2px; border-radius:3px;} #comments .comment-author .fn{font-size:13px; font-weight:600; font-style:normal;} #comments .comment-author .says{display:none;} #comments .comment-meta{font-size:11px;} #comments .comment-meta a{color:#5a6275;} #comments .reply{position:absolute; right:40px; top:42px; } #comments .comment-reply-link{line-height:1; text-transform:uppercase; color:#5a6275; font-size:11px; font-weight:600; display:block; -webkit-transition: all 0.25; -moz-transition: all 0.25s; transition: all 0.25s;} #comments .comment-author .author-url{font-size:13px; font-weight:600; font-style:normal;} #comments .children .comment-body .comment-author img{width:40px; height:40px} /* Pingbacks and trackbacks */ #comments .pingback .comment-body {min-height:0px; margin:0px; padding:15px 0px;} #comments .pingback .comment-body:before {font-family: FontAwesome; content: "\f122"; color:#aaaaaa; padding-right: 8px; font-size:14px; vertical-align:-1px;} /* Comment form */ #comments .comment-list #respond{margin:0px 40px 50px 40px;} #comments .comment-form-info-fields{margin-bottom:25px;} #comments .comment-form-author input#author, .comment-form-email input#email, .comment-form-url input#url{width:100%; margin-top:3px;} #comments .comment-awaiting-moderation {color:#DB6A23;} #comments p.form-submit {margin-top:30px;} #comments p.comment-form-comment label {display:none; } #comments p.comment-form-comment textarea#comment {width: 100%;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:40px; margin-top:0px; font-size:12px; color:#5a6275;} #comments h3.comment-reply-title {margin-bottom:5px; margin-top:40px;} #comments h3#comments-title {margin-top:40px;} #comments h3.comment-reply-title #cancel-comment-reply-link{display:inline-block; float:right; margin-right:2px; line-height:1; text-transform:uppercase; font-size:11px; font-weight:600; -webkit-transition: all 0.25; -moz-transition: all 0.25s; transition: all 0.25s;} #comments .comment-list .bypostauthor {} /* Comment form columns */ .col_container:before, .col_container:after {content: " "; display: table;} .col_container:after {clear: both;} .col_container .col_3{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 33.33333333333333%; min-height: 1px; padding-right: 20px;} .col_container .col_3:last-child{padding-right:0px;} /* Paragraph that wraps the submit button and hidden comment ID fields. */ p.form-submit {margin-bottom:0; } /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ .site-footer{overflow-x:hidden;} .footer-sidebar{background:#f5f5f5; padding:60px 0px 60px 0px;} .footer-sidebar .vc_col-sm-4:last-child, .footer-sidebar .vc_col-sm-6:nth-child(3), .footer-sidebar .vc_col-sm-12{margin:0;} /* Copyright area */ .site-info{width:100%; background:#eee; padding:15px 0px 15px 0px; border-top:1px solid #e1e1e1;} .site-info .widget {margin:0px;} /* Scroll to top button */ .scrollToTop{width:50px; height:45px; line-height:45px; text-align:center; background: #000; background: rgba(0, 0, 0, 0.45); color: #fff; text-decoration: none; position:fixed; z-index:9999; bottom:20px; right:20px; display:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s;} .scrollToTop:hover{background: rgba(0, 0, 0, 0.65); color:#fff;} /*---------------------------------------------------------------*/ /* 12. Widgets /*---------------------------------------------------------------*/ /* Default widget style */ .widget{margin:0 0 50px; padding:0; color:#575757;} .widget:last-child {margin-bottom:0px;} .widget a {-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;} .widget ul {margin:0; padding:0; list-style:none;} .widget ul li {padding: 10px 0; margin:0; border-bottom:1px solid #eee;} .widget ul li:first-child {padding-top:0px;} .widget ul li:last-child {padding-bottom:0px; border-bottom:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .widget ul ul{margin-top:10px;} .widget ul ul li{margin-left:15px;} .widget ul ul li:first-child {padding-top:10px;} .widget .widget-title{color:#444444; font-weight:600; font-size: 14px; padding:0; margin:0 0 20px; text-transform:uppercase;} .widget a:hover{color:inherit;} /* Footer widget style */ .footer-sidebar .widget {margin-bottom:0px;} .footer-sidebar .widget ul li {padding-bottom:10px; border-bottom:1px solid #e2e2e2;} .footer-sidebar .widget ul li:last-child {padding-bottom:0px; border-bottom:none;} .footer-sidebar .widget ul ul {border:none;} .footer-sidebar .widget sub, .footer-sidebar .widget sup {text-transform:none; line-height:1px; font-weight:normal;} .footer-sidebar .widget input {width:85%; border-radius:2px;} .footer-sidebar .widget input[type="submit"] {width:85%; height:44px; padding:10px 45px;} .footer-sidebar .widget .widget-title{text-transform:uppercase; font-weight:600; font-size:14px;} /* Copyright widget style */ .site-info .widget {margin-bottom:0px; float:left; margin-right:40px;} .site-info .widget:last-child {float:right; margin-right:0px;} .site-info .widget-title {display:none} .site-info .recentcomments {padding-left:10px;} .site-info .recentcomments:first-child {padding-left:0px;} .site-info ul {list-style:none; margin:0;} .site-info ul li {display:inline; margin-right:10px; border:none;} .site-info ul li:last-child {margin-right:0px;} .site-info ul li:after {content: "/"; font-size:13px; vertical-align:0px; color:#696969; margin-left:10px; opacity:0.4;} .site-info ul li:last-child:after {content:none;} .site-info ul li i{vertical-align:middle} .site-info ul ul li a{padding:0px 10px 0px 0px; } /* Top bar widget style */ #top-bar .widget-container {margin-right:40px; margin-top:1px;} #top-bar .widget-container:last-child {margin-right:0px;} #top-bar .widget-title {font-weight:bold; margin-right:10px;} #top-bar .recentcomments {padding-left:10px;} #top-bar .recentcomments:first-child {padding-left:0px;} #top-bar ul {font-size:12px; list-style:none; margin:0;} #top-bar ul li {float:left; margin:0;} #top-bar ul li i{vertical-align:middle} #top-bar ul ul li a{padding:0px 10px 0px 0px; } #top-bar ul ul li a:after {content: "/"; font-size:12px; vertical-align:top; color:#696969; margin-left:10px; opacity:0.4; } #top-bar ul ul li:last-child a:after {content: ""; margin-left:0px;} #top-bar ul ul li:first-child a{padding-left:0px;} #top-bar ul ul li:last-child a{padding-right:0px; border-right: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} #top-bar #topright-widget-area ul {float:right;} /* SINGLE WIDGET STYLES */ /* Text Widget */ .textwidget select {width: 100%;padding: 5px;border-color: #eee;} /* Category, archive */ .widget_categories label,.widget_archive label {display:block; margin-bottom:10px;} .widget_categories select,.widget_archive select {width: 100%;padding: 5px;border-color: #eee;} /* RSS Widget */ .widget_rss .rsswidget {font-weight:500;display:block;margin-bottom:2px;} .widget_rss .rss-date {font-size:14px;margin-bottom:10px;display:block;} /* WP Menu Widget */ #sidebar .widget_nav_menu ul li.menu-item-has-children {margin-top:10px; border-bottom:none;} #sidebar .widget_nav_menu ul li.current-menu-item a {font-weight:600;} #sidebar .widget_nav_menu ul li.menu-item-has-children > a:after {font-family: FontAwesome; content:"\f107"; float:right;} #sidebar .widget_nav_menu ul ul {margin-bottom:10px; margin-top:10px; border-left:1px solid #eee;} /* WP Calendar */ #wp-calendar {max-width: 100%; font-size: 10px; background:none; } #wp-calendar caption { text-align: right; font-size: 12px; margin-bottom: 15px; text-decoration:underline; } #wp-calendar thead { font-weight:bold; font-size: 10px; color: #444;} #wp-calendar thead th { padding:0 0 10px 0; width: 36px; background:none; color:#444; text-shadow:none;} #wp-calendar tbody { color: #696969; font-size: 13px; } #wp-calendar tbody a { text-decoration:underline;} #wp-calendar tbody td { background: #fafafa; padding:6px 8px; border-width: 1px; border-style: solid;border-color: #f3f3f3; text-align: center; } #wp-calendar #today {background:#999; color:#f9f9f9;} #wp-calendar #today a {color:#f9f9f9;} #wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {border-color:#fff; background:none;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: right; padding-left:60px;} #wp-calendar tfoot #prev { text-transform: uppercase; padding-top: 10px; padding-right:60px;} .footer-sidebar #wp-calendar caption {color:#dddddd;} .footer-sidebar #wp-calendar thead {color: #dddddd;} .footer-sidebar #wp-calendar tbody a { text-decoration:none;} .footer-sidebar #wp-calendar #today a {color:#ddd;} .footer-sidebar #wp-calendar tbody td { background: transparent; padding:4px 0; border-width: 1px; border-style: solid;border-color: #444444;} .footer-sidebar #wp-calendar tbody .pad {border:1px solid #444444; background: transparent;} .footer-sidebar #wp-calendar tfoot td{border:1px solid #444444; background: transparent;} /* Tags */ .widget-area .widget .tagcloud {text-transform:lowercase;} .widget-area .widget .tagcloud a {color:#fff; background:#444751; font-size:12px !important; display:inline-block; padding: 4px 10px; margin: 3px 1px; border-radius:3px; } /* Recent posts */ .post-date {display:block; font-size:11px;} /* Search */ .search-input {width:100%; max-width:300px;} /*---------------------------------------------------------------*/ /* 13. Portfolio /*---------------------------------------------------------------*/ .single-portfolio article.post-entry {margin-bottom:0px;} .portfolio-fetured-img img {width:100%; max-width:100%;} /*---------------------------------------------------------------*/ /* 14. Plugins /*---------------------------------------------------------------*/ /* CONTACT FORM 7 */ .wpcf7{max-width:100%;} .wpcf7 input, .wpcf7 textarea, .wpcf7 span{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .wpcf7 input, .wpcf7 textarea {height:auto; padding: 12px; } .wpcf7 textarea {min-height:200px;} .wpcf7 input[type="submit"]{color:#fff; width:auto; font-size: 12px; font-weight:600; height:auto; padding: 10px 18px; border:none;} .wpcf7 input[type='checkbox']{width:auto; height:auto; border:none; vertical-align:-1px;} .wpcf7 input[type='radio']{width:auto; height:auto; border:none; vertical-align:-1px;} .wpcf7 input.wpcf7-file {background:none; border:none; padding-left:0px; padding-right:10px; height:30px;} .wpcf7 input[type='file'] { background:none; border:none; box-shadow:none;} .wpcf7 input[type='range'] {background:none; } .wpcf7 input[type='url'] {text-decoration:underline;} .wpcf7 select {padding:5px; border:1px solid #ddd; min-width:50%;} /* Contact form 7 loader style */ div.wpcf7 img.ajax-loader{margin-left:20px; background:#fff; padding:10px; border-radius:50%;} /* Contact form 7 message boxes */ span.wpcf7-not-valid-tip {color:inherit; border-top : 2px solid #ff0000; padding:7px 15px; margin-top:-2px; display:inline-block;} div.wpcf7-response-output {margin:0px;} /* ESSENTIAL GRID */ article.essential_grid .post-preview img, article.essential_grid .post-preview a {border-radius:4px;} /* TIMETABLE */ .tt_event_theme_page {margin:30px auto;} .tt_event_theme_page p {line-height:1.7;} .widget .box_header {color: #444444; text-transform: uppercase; font-weight:600; line-height:1.7; font-size:14px; padding:0px; margin:0 0 20px;} .tt_event_theme_page .textwidget p:first-child {margin:0;} .tt_upcoming_events_wrapper {margin-top:0px;} .tt_event_hours li {width:318px; box-sizing:border-box;} #sidebar .tt_upcoming_events li {width:253px;} /*---------------------------------------------------------------*/ /* 15. Retina /*---------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #site-logo img.default-logo {display:none;} #site-logo img.retina-logo {display:inline-block;} } /*---------------------------------------------------------------*/ /* 16. Responsive - Visual Composer related styles are inside core extend plugin /*---------------------------------------------------------------*/ /* Hide mobile menu on normal size screens */ @media only screen and (min-width : 979px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {transform: translate(0px, 0);} } /* Menu paddings for boxed header */ @media only screen and (max-width : 1150px) { #site-logo {left:40px;} #site-navigation {margin-right:40px;} /* Timetable plugin */ .tt_event_theme_page {padding-left:0px; padding-right:0px;} .tt_event_page_left .attachment-event-post-thumb, .tt_event_page_left h2, .tt_event_page_left h5, .tt_upcoming_events li {padding-left:40px; padding-right:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tt_event_page_right {width:310px;} .tt_event_items_list li .tt_event_text {width:160px;} .tt_event_hours li {width:278px;} } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1024px){ /* General */ body {-webkit-text-size-adjust: none;} /* Title area */ .page-header { -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; background-size: auto !important; } /* Timetable plugin */ .tt_event_theme_page, .tt_event_page_left, .tt_event_page_right, .tt_upcoming_events li {width:100% !important;} .tt_event_page_right {padding-left:40px; padding-right:40px; margin-top:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} } /* * ------------------------------------------------------------------------------------------- * TABLET LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 979px) and (max-width: 1024px) { } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 979px) { /* Navigation */ .toggle-mobile-menu{display:block;} #site-navigation{display:none;} /* Page Title */ .page-header .page-title {border-bottom: none;} .breadcrumbs-trail {width:100%; float:left; margin-top:-20px; padding-bottom:25px; border-bottom: 3px solid transparent;} /* Sidebar layout change */ #content.float-left, #content.float-right, #sidebar {width:100%;} #sidebar.float-right, #sidebar.float-left{padding:60px 0px 0px;} #sidebar .widget-area aside { width:100%; } /* Comment form */ .col_container .col_3 {float: none; width: 100%; padding-right:0px; margin-top:15px;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:20px;} /* Footer forms */ .footer-sidebar .widget input {width:100%;} .footer-sidebar .widget input[type="submit"] {width:100%;} } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 979px) { /* WordPress gallery */ .gallery-columns-1 .gallery-item {max-width: 100%;min-width: 100%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 48%;max-width: 48;} } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* Top bar */ #top-bar {padding-bottom:15px; padding-top:15px;} #topleft-widget-area {margin-bottom:15px;} #topleft-widget-area, #topright-widget-area {padding-left:0px; padding-right:0px;} #top-bar ul li, #top-bar #topright-widget-area ul {float:none; text-align:center; margin:0 auto;} /* Footer */ .vc_responsive .footer-sidebar .vc_col-sm-3, .vc_responsive .footer-sidebar .vc_col-sm-4, .vc_responsive .footer-sidebar .vc_col-sm-6 {margin-bottom:50px;} /* Search page */ .search-results .results-container { -moz-column-count:1; -moz-column-gap: 0px; -moz-column-width: 100%; -webkit-column-count:1; -webkit-column-gap: 0px; -webkit-column-width: 100%; column-count: 1; column-gap: 0px; column-width: 100%; } .search-no-results .error-icon {visibility:hidden;} /* Footer */ .footer-sidebar {padding-bottom:10px;} /* Copyright area */ .site-info .widget {margin-bottom:5px; float:none; margin-right:0px; text-align:center;} .site-info .widget:last-child {float:none; text-align:center;} /* 404 page */ article.error404 .row-inner{padding:50px 0 65px;} article.error404 h1 {font-size:80px; line-height:80px;} } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Table style */ th{padding: 10px;} td{padding: 10px 5px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item {max-width: 100%;min-width: 100%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 48%;max-width: 48%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* Table style */ th{padding: 5px;} td{padding: 5px 2px;} /* Definition list*/ dt {text-align:left; width:auto;} dd {clear:both; margin:0;} /* Posts */ .previous_post_link a,.next_post_link a {float:none; display:block; text-align:center;} .previous_post_link a:before {margin-right:5px;} .next_post_link a { margin-bottom:20px;} .previous_post_link a {margin-bottom:0px;} /* Comment form */ #comments .comment-list #respond{margin:0px 0px 50px 0px;} #comments .comment-list .children .children {border-left:none;} #comments .comment-body{padding-bottom:50px;} #comments .comment-body footer {text-align:center; margin-bottom:25px;} #comments .comment-author img {margin:0 auto; float:none;} #comments .comment-author .fn {display:block; clear:both; margin-top:10px;} #comments .children .comment-body{padding-left:40px; padding-bottom:50px;} #comments .comment-list .children {padding-left: 0px;} #comments .reply {position:relative; right:auto; top:auto; text-align:center; margin-top:37px;} #comments h3.comment-reply-title #cancel-comment-reply-link {display:block; float:none; margin-top:10px;} #comments ol.children li .comment-body .comment-author img { width:50px; height:50px;} #comments ol.children li ol li .comment-body .comment-author img { width:40px; height:40px;} #comments ol.children li ol li ol li .comment-body .comment-author img { width:30px; height:30px;} #comments ol.children li ol li ol li ol li .comment-body .comment-author img { width:20px; height:20px;} /* Copyright area */ .site-info i {margin-bottom:15px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {max-width: 100%;min-width: 100%;} } /*------------------------------------------------------------------------------*/ /* THANK YOU FOR CHOOSING OUR THEME! - MNKY Studio | http://mnkythemes.com /*------------------------------------------------------------------------------*/