/* Theme Name: Craftsman Theme URI: http://mnkythemes.com/craftsman Description: Craftsman is a theme aimed for those who love to create. Available exclusively on Theme Forest. Author: MNKY Author URI: http://themeforest.net/user/MNKY Version: 1.7.2 License: Envato Marketplaces Split Licence License URI: Envato Marketplace Item License Certificate Text Domain: craftsman ----------------------------------------------------------------- 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:16px; font-weight:300; line-height: 1.6; background-color:#ffffff; background-image:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-wrap: break-word;} pre, code, kbd, samp { font-family: monospace, sans-serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea {color: #454545; font-family: Arial, Helvetica, sans-serif;} input, textarea {box-sizing: border-box;} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: normal; color:#2b2b2b; 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:#999999; 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%; height:auto;} 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: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: 'Font Awesome 5 Free'; font-weight:900; 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; border:2px solid #ececec;} input:focus,textarea:focus {outline: 0; border-color:#dedede; transition: border-color 0.3s; } input{padding:0 10px; height:44px;} textarea { overflow: auto; padding:10px; height:160px;} .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; background:none;} input[type="checkbox"] { vertical-align: bottom; background:none; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } 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:#e74c3c; border:none; color: #fff; font-size: 11px; font-weight:400; line-height:1; letter-spacing:1px; text-transform:uppercase; height:auto; padding: 18px 24px; text-align: center; border-radius: 2px; transition: background-color 0.15s ease-in-out;} button:after {font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f105"; margin-left:35px; transition: all 0.15s cubic-bezier(.55,0,.1,1); } button:hover:after {-webkit-transform:translateX(5px); transform:translateX(5px);} 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: 1.4; margin-bottom:10px;} 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 /*---------------------------------------------------------------*/ .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:70px 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%; 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:#a38671;} #top-bar{width:100%; margin:0 auto; padding-bottom:30px; padding-top:10px;} /* Header */ #site-header{position: absolute; width:100%; height:70px; z-index: 980;} #site-header #header-wrapper{width:100%;} #site-header #header-container{height:70px; margin:0 auto; position:relative; box-shadow:0px 1px 6px rgba(0, 0, 0, 0.08); -webkit-backface-visibility:hidden; backface-visibility:hidden;} #site-logo {position:absolute; left:40px; margin-top:0px;} #site-logo .site-title {padding:0; margin:0; line-height:70px; color:#444444; text-transform:uppercase; font-size: 16px;} #site-logo img {display: block; max-height: 100%; padding:0px;} #site-logo img.retina-logo {display:none;} /* Header search */ .header-search {position:absolute; top: 100%; right:0; overflow:hidden; box-shadow:0px 1px 6px rgba(0, 0, 0, 0.08); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;} .header-search .searchform-wrapper{margin-top:-62px; transition: margin-top 0.3s ease-in-out;} .header-search.header-search-active .searchform-wrapper{margin-top:0px;} .header-search .search-input{color:#fff; color: rgba(255, 255, 255, 0.69); width:300px; height:58px; padding:0 20px; border:none; text-transform: uppercase;} .header-search .search-input:focus{} /* Page title */ .page-header {text-align:left; padding:250px 0px 40px 0px; background:#302523; transition: padding 0.3s;} .page-header .row-inner {margin-left:auto; margin-right:auto;} .page-header h1.page-title {font-size:40px; font-weight:600; margin:0 0 0 -0.065em; line-height:1.3; color:#ffffff;} .breadcrumbs-trail { margin-right:2px; font-size:14px;} .breadcrumbs-title{padding-right:5px; } .breadcrumbs-separator{padding:0 5px; font-size:12px;} .breadcrumbs-trail a {transition: color 0.3s;} .breadcrumbs-trail,.breadcrumbs-trail a {color:#ffffff;} /* 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;} .post-entry-header h2.entry-title, h2.entry-title {font-weight:600;} .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-right:20px; } #site-navigation .menu-container{float:left;} #site-navigation ul li{display:inline-block; float:left; padding:0; cursor:pointer; text-transform:uppercase; position:relative;} #site-navigation ul li a{display:inline-block; color:#444444; font-weight:400; font-size:11px; line-height:70px; padding:0px 20px; position:relative; transition: color 0.3s;} #site-navigation .search_button, #site-navigation .header_cart_link {position:relative; background:none; color:#444444; font-size: 15px; font-weight:normal; padding:0px 20px; line-height: 90px; min-width:16px; border: none; box-shadow:none; transition: color 0.3s;} #site-navigation .search_button:after {display:none;} #site-navigation .header_cart_link{font-size:17px; overflow:visible; margin-left:0px; padding:0px 20px 19px;} #site-navigation .header_cart_link i {padding-bottom:1px; width:15px; font-size: 15px; vertical-align: 1px;} #site-navigation .header_cart_link .cart_product_count{color:#fff; font-size:10px; font-weight:600; position:absolute; top:-7px; left:30px; display:block; text-align:center; height:16px; line-height:16px; padding:0 6px; background:red; overflow:visible; border-radius: 20px;} /* Sub-level */ /* #site-navigation ul li.menu-item-has-children:hover > a:after{content:''; display:block; bottom:-13px; left:0; background:red; width:100%; height:13px; position:absolute;} */ #site-navigation ul li.menu-item-has-children:hover > a{border-bottom:13px solid transparent; margin-bottom:-13px; z-index:10;} #site-navigation ul li.menu-item-has-children ul li:hover a{border-bottom:none; margin:0;} #site-navigation ul li ul{background:#fff; border-top:1px solid rgba(199, 199, 199, 0.15); position: absolute; top:100%; left: 0px; margin:15px 0 0; padding:15px 0; display: block; visibility: hidden; opacity:0; z-index:9992; box-shadow:0px 1px 6px rgba(0, 0, 0, 0.08); -webkit-backface-visibility: hidden;} #site-navigation ul li ul:before, #site-navigation ul li ul:after{top:-7px; left:20px; position:absolute; content:''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent rgba(215, 215, 215, 0.33) transparent;} #site-navigation ul li ul:after{top:-6px; border-color: transparent transparent #fff transparent;} #site-navigation ul li:hover > ul{visibility: visible; margin:10px 0 0; opacity:1; transition: margin 0.4s, opacity 0.3s;} #site-navigation ul li ul li {text-transform:none; display: block; float: none; margin: 0; padding:0; } #site-navigation ul li ul li a{display:block; width:170px; padding:12px 20px; margin:0; line-height:1.7; letter-spacing:normal; font-size:13px; font-weight:400;} #site-navigation ul li ul li a:after{display:none;} #site-navigation ul li ul li a:hover {background: #f2f2f2;} #site-navigation ul li ul li ul{border:none; margin:0; top:0px; left:210px;} #site-navigation ul li ul li:hover ul{margin-top:-15px;} #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;} #site-navigation ul li ul li.current-menu-item > a,.single-post #site-navigation ul li ul li.current_page_parent > a, #site-navigation ul li ul li.current-menu-ancestor > a {background: #f2f2f2;} /* 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:25px 0; cursor:default;} #site-navigation ul li.megamenu > ul:before, #site-navigation ul li.megamenu > ul:after{display:none;} #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.05);} #site-navigation ul > li.megamenu > ul > li:last-child {border-right: none;} #site-navigation ul li.megamenu > ul > li.hide-title > a{display:none;} #site-navigation ul li.megamenu > ul > li > a{width:auto; text-transform:uppercase; 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; padding:0; margin:0; top:0px; left:0px; cursor:default; box-shadow:none;} #site-navigation ul li.megamenu:hover ul li ul{visibility:visible; opacity:1;} #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{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;} .single-post article .post-preview, .single-post article .entry-content {clear:both;} .single-format-standard .entry-content {margin-top:40px;} /* Post Meta */ .post-entry-header .entry-meta{color:#999999; margin-bottom:20px; font-size:13px;} .post-entry-header .entry-meta a{color:#999999; transition: color 0.15s ease; } .post-entry-header .entry-meta a:hover {border-bottom:1px dashed;} .post-entry-header .entry-meta span:after{content:"|"; display:inline-block; padding:0 5px;} .post-entry-header .entry-meta span:last-child:after{display:none;} .entry-meta-footer{margin-top:20px; color:#999999; font-size:13px; clear:both;} .entry-meta-footer a{color:#999999; transition: color 0.15s ease;} .entry-meta-footer a:hover {border-bottom:1px dashed;} .entry-meta-footer span:after{content:"|"; display:inline-block; padding:0 5px;} .entry-meta-footer span:last-child:after{display:none;} .entry-meta-footer .meta-date:before{font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f073"; display:inline-block; width:30px; margin-left:1px; color:#add8e6; font-size:16px; vertical-align:-1px;} .tag-links{margin-bottom:5px;} .tag-links:before{font-family: 'Font Awesome 5 Free'; font-weight:900; content:"\f02c"; display:inline-block; width:30px; margin-left:1px; color:#add8e6; font-size:16px; vertical-align:-2px;} .tag-links span { margin-right:10px; display:inline-block; line-height:1;} .tag-links a:before {content:"#"; margin-right:2px; padding:0px;} .tag-links a:after {content:""; margin-left:0px;} article.format-quote .tag-links, article.format-link .tag-links, article.format-status .tag-links {margin-top:20px; font-size:13px;} /* Post navigation */ .post-navigation {clear:both; margin-bottom:1px;} .post-navigation a {font-size:12px; font-weight:600; color:#fff; background:#2b2b2b; display:inline-block; padding: 4px 12px 5px 12px; margin-right:5px; border-radius:3px; transition: background 0.15s;} .post-navigation a:hover {color: #fff;} /* More tag - Read more link */ .more-link {display:inline-block; padding:18px 24px; margin-top:28px; line-height:1; font-size: 11px; font-weight:400; letter-spacing:1px; text-transform: uppercase; text-shadow: none; border-radius: 2px; transition: background-color 0.15s ease-in-out;} a.more-link, a.more-link:hover{color:#fff;} .more-link:after {font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f105"; margin-left:35px; transition: all 0.15s cubic-bezier(.55,0,.1,1); display:inline-block;} .more-link:hover:after {-webkit-transform:translateX(5px); transform:translateX(5px);} /* Sticky post */ article.sticky .entry-title:after { font-family: 'Font Awesome 5 Free'; font-weight:900; 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: 'Font Awesome 5 Free'; font-weight:900; 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 {margin-bottom:10px; padding:30px; background:#f9f9f9; position:relative; border-radius:4px;} .single article.format-quote .quoute-text,.single article.format-link .link-text,.single article.format-status .status-text {margin-top:10px;} article.format-quote .quoute-text span, article.format-link .link-text span, article.format-status .status-text span{font-size:13px;} 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; -webkit-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); 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; -webkit-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; border-radius:6px;} article.format-chat p:before{font-family: 'Font Awesome 5 Free'; font-weight:900; 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: 'Font Awesome 5 Free'; font-weight:900; 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; margin-bottom:0px;} article.format-video .post-preview {margin-bottom:20px;} 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; box-sizing: border-box;} /* Image format */ article.format-image .post-preview {margin-bottom:0px;} 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;} article.format-image .post-preview {margin-bottom:20px;} .single-post article.format-image .post-preview img {border-radius:4px;} .single-post article.format-image .post-preview a {max-height: none;} /* Gallery format */ article.format-gallery .post-preview {margin-bottom:0px;} article.format-gallery .post-preview {margin-bottom:20px;} 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; border-radius:4px;} .single-post article.format-gallery .flexslider, .single-post 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; color:#444444; margin-bottom:10px; transition: color 0.15s ease; } .next_post_link a { display:inline-block; color:#444444; margin-bottom:10px; float:right; transition: color 0.15s ease; } .previous_post_link a:before, .nav-previous a:before{font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f190"; display:inline-block; width:20px; margin-left:1px; font-size:16px; vertical-align:0px;} .next_post_link a:after, .nav-next a:after{font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f18e"; display:inline-block; width:20px; margin-left:7px; margin-right:1px; font-size:16px; vertical-align:0px;} /* 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;} .author-area .author-name{font-weight:bold; 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%;} .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 .entry-title:before {font-family: 'Font Awesome 5 Free'; font-weight:900; content: "\f058"; padding-right: 8px; font-size:14px; vertical-align:0px; color:#82bc1e; margin-left:1px;} .search-results article .entry-meta span:after {display:inline;} .search-results article.page .meta-category, .search-results article.portfolio .meta-category {display:none;} /* Error 404 page*/ .error404 .page-header h1.page-title{font-size:200px; line-height:1;} .error404 .page-header{padding-top:150px;} article.error404 .row-inner{padding:100px 0 110px;} 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; margin-bottom:50px;} /* 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%;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 {transition: opacity 0.3s ease-in;} .gallery a img:hover {opacity:0.8;} .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); box-sizing: border-box; color: #fff; margin: 0; opacity: 0; padding: 6px 8px; position: absolute; bottom: 5px; left: 0; text-align: left; width: 100%; transition: opacity 0.3s ease-in; width:50%;} .gallery-item:hover .gallery-caption, .gallery-item.touch-hover .gallery-caption {opacity: 1;} #content .gallery-item figcaption.gallery-caption {margin-bottom:3px;} .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:#f7f7f7; padding:40px; margin-left:2px; margin-right:2px; } #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:#454545;} #comments .reply{position:absolute; right:40px; top:42px; } #comments .comment-reply-link{line-height:1; text-transform:uppercase; color:#454545; font-size:11px; font-weight:600; display:block;transition: all 0.15s;} #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: 'Font Awesome 5 Free'; font-weight:900; 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:11px; text-transform:uppercase; letter-spacing:1px;} #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; transition: all 0.15s;} #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{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:#f0f0f0; padding:100px 0px 100px 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:#f0f0f0; padding:0px 0px 100px 0px;} .site-info .widget {margin:0px; text-align:center; text-shadow: 1px 1px #fcfcfc;} /* Scroll to top button */ .scrollToTop{width:44px; height:44px; line-height:43px; font-size:18px; text-align:center; color: #fff; text-decoration: none; position:fixed; z-index:9999; bottom:-45px; right:20px; border-radius: 50%; transition: bottom 0.4s cubic-bezier(.55,0,.1,1); box-shadow: 0 2px 7px 0 rgba(0,0,0,.16);} .scrollToTop:hover{color:#fff;} .scrollToTop.scrollactive{bottom:20px;} /*---------------------------------------------------------------*/ /* 12. Widgets /*---------------------------------------------------------------*/ /* Default widget style */ .widget{margin:0 0 50px; padding:0; color:#999999; } .widget:last-child {margin-bottom:0px;} .widget a {transition: color 0.15s;} .widget ul {margin:0; padding:0; list-style:none;} .widget ul li {padding: 10px 0; margin:0;} .widget ul li:first-child {padding-top:0px;} .widget ul li:last-child {padding-bottom:0px; border-bottom:none; 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:#2b2b2b; 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:50px;} .footer-sidebar .widget:last-child {margin-bottom:0px;} .footer-sidebar a:hover{border-bottom:3px solid;} .footer-sidebar .widget sub, .footer-sidebar .widget sup {text-transform:none; line-height:1px; font-weight:normal;} .footer-sidebar .widget sub a:hover, .footer-sidebar .widget sup a:hover {border-bottom:2px solid;} .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 ul li, .footer-sidebar .widget ul ul {border:none;} .footer-sidebar .widget ul li {line-height:18px;} .footer-sidebar .widget .widget-title{text-transform:none; font-weight:600; font-size:16px; letter-spacing:1px;} /* Copyright widget style */ .site-info .widget {margin-bottom: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 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;} #top-bar #topright-widget-area ul {float:right;} /* SINGLE WIDGET STYLES */ /* Search Widget */ .searchform input {border-width:1px;} /* Category & Archive Widget */ .widget_categories select, .widget_archive select {width:100%; padding: 5px; border-color:#eeeeee;} /* WP Menu Widget */ #sidebar .widget_nav_menu ul li {padding:0px; border: none; border-radius:2px; position:relative; margin-bottom:7px; background: #f2f2f2; border-radius:2px;} #sidebar .widget_nav_menu ul li.menu-item-has-children {background:none; border:none;} #sidebar .widget_nav_menu ul li a {display:block; padding: 10px 15px; color:#696969; font-size:13px;} #sidebar .widget_nav_menu ul li.menu-item-has-children > a {text-transform:uppercase;} #sidebar .widget_nav_menu ul li a:hover, #sidebar .widget_nav_menu ul li.current-menu-item a {color:#444444;} #sidebar .widget_nav_menu ul li.current-menu-item { background: #f2f2f2;} #sidebar .widget_nav_menu ul ul {margin-bottom:15px; margin-top:0px;} #sidebar .widget_nav_menu ul ul li {margin-right:15px;} /* 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 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:#2b2b2b; font-size:12px !important; font-weight:600; 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;} /*---------------------------------------------------------------*/ /* 14. Plugins /*---------------------------------------------------------------*/ /* CONTACT FORM 7 */ .wpcf7{max-width:100%;} .wpcf7 input, .wpcf7 textarea, .wpcf7 span{width:100%; box-sizing: border-box; margin-top:3px;} .wpcf7 textarea {min-height:216px;} .wpcf7 input, .wpcf7 textarea {background:none; border:2px solid #ecf0f1; color:#bdc3c7; height:auto; font-size:18px; padding: 15px; font-weight:400; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {color:#bdc3c7;} .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {color:#AAAFB3; } .wpcf7 input:focus,.wpcf7 textarea:focus {border-color:#bdc3c7;} .wpcf7 input[type="submit"] {width:auto; height:auto; border:none; color: #fff; font-size: 11px; line-height:1; letter-spacing:1px; text-transform:uppercase; padding: 18px 24px;} .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; margin-top:3px; background:#fff; padding:10px; border-radius:50%;} /* Contact form 7 message boxes */ div.wpcf7-validation-errors {padding:15px; border-width:1px;} span.wpcf7-not-valid-tip {color:inherit; border-top : 1px 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;} /* WPML */ #sidebar .widget.widget_icl_lang_sel_widget {overflow:visible;} /*---------------------------------------------------------------*/ /* 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-opening .mm-menu.mm-front {-webkit-transform: translate(100%, 0); transform: translate(100%, 0);} .mm-opened #mm-blocker{background:transparent; visibility:hidden; transition: background-color 0.3s ease-in, visibility 0s linear 0.3s;} } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1024px){ /* General */ body {-webkit-text-size-adjust: none;} /* Title area */ .page-header { background-size: auto !important; } } /* * ------------------------------------------------------------------------------------------- * 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 */ #site-header{position:relative;} .toggle-mobile-menu{display:block;} #site-navigation{display:none;} /* 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;} /* Title area */ .page-header { padding:150px 0px 40px 0px;} /* 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;} /* 404 page */ .error404 .page-header h1.page-title {font-size:100px;} } /* * ------------------------------------------------------------------------------------------- * 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:10px;} /* 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 /*------------------------------------------------------------------------------*/