/* Theme Name: Magfolio Theme URI: http://designingmedia.com/wordpress/magfolio Author: the DesigningMedia Author URI: http://themeforest.net/user/designingmedia?ref=designingmedia Description: Magfolio is a responsive WordPress blog magazine theme. Version: 1.1.3 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: orange, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, translation-ready */ /* ################################################################ File Name: style.css Magfolio Created By: Filiz OZER http://themeforest.net/user/designingmedia 1) GLOBAL STRUCTURE 2) NAVIGATIONS 3) PAGE ELEMENTS 4) SIDEBARS WIDGETS 5) RESPONSIVE 6) WOOCOMMERCE 7) COLOR SCHEMES ################################################################# */ /* ################################################################ 1 ) GLOBAL STRUCTURE ################################################################# */ html, body { overflow-x: hidden;} body { background: #F6F5F2; nowhitespace: afterproperty; font: 14px/1.6 'Raleway', Helvetica Neue, Helvetica, Arial, sans-serif; color: #8f8f8f; -webkit-font-smoothing: antialiased; } body a:hover { text-decoration: underline; color:#160B0B; } img {height: auto;max-width: 100%;} .second-col {position:relative;overflow:hidden;display:block;} .first-col {} .full-width {padding:0 0 0 15px !important;} .one-col, .two-col, .three-col {margin-bottom:20px;overflow:hidden;padding:0;position:relative;display:block;} .nopadding {padding:0} #sidebar {padding:20px 30px 60px;} .generalbox {background:#FFFFFF;border-bottom: 1px solid #EAEAEA;display: block;margin-bottom: 20px;padding: 40px 20px;} .generalbox .comment-author a {margin:10px 0; display:inline-block; text-decoration:none;} .commentform h3, .generalbox h3, .comments h2 {margin:20px 0;font-size: 18px;} .comments {margin:40px 0;} ul.comment-meta {margin-bottom:20px} ul.comment-meta li {list-style:none; } .generalbox .pull-left {margin-right:20px;} .generalbox .muted {font-size:11px;margin:5px 0;display:inline-block;color: #999999;} .media-body p {margin:15px !important} .third-col {background:#160B0B;} hr {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #EEEEEE -moz-use-text-color -moz-use-text-color;border-image: none;border-right: 0 none;border-style: solid none none;border-width: 1px 0 0;margin: 15px 0;} footer .logo {margin-right:20px;} .logo {height: 70px !important;margin: 0 0 0 -15px;padding: 0;width: 160px;} .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both;} .entry-content { max-width: 100%; } img.alignleft {float: left;margin: 10px 25px 10px 0;} img.alignright {display: block;margin: 10px 0 10px 25px;} img.aligncenter {display: block;: both;margin: 10px auto;} img.alignnone {display: block;margin: 10px 0;} #sidebar .widget_rss li { margin-bottom: 30px; } #sidebar .widget_rss li a { color: #474747; } #sidebar .widget_rss li a:hover { text-decoration: underline; } #sidebar select { width: 100%; max-width: 100%; } .wp-caption {text-align: center;margin: 10px 20px 20px 20px;font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;font-style: italic;} .wp-caption.aligncenter { margin: 20px auto; } .wp-caption.alignleft { margin-left: 0; } .wp-caption.alignright { margin-right: 0; } .wp-caption.alignnone { margin-left: 0; } .wp-caption img, .wp-caption img a {margin: 0;padding: 0;border: 0 none;} .wp-caption, .wp-caption-text {margin: 0;padding: 5px;} .wp-smiley {max-height: 13px;margin: 0 !important;} .gallery { margin: 0 auto 20px; margin: 0 auto 1.25rem;width: 90.4762%;} .gallery-item { float: left; } .gallery-columns-3 .gallery-item {float: left;margin: 0 3.5088% 20px; /* 20 / 570 */overflow: hidden;width: 26.31579%; /* 150 / 570 */} .gallery a:hover img { opacity: 0.8; } .gallery-caption { font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;font-size: 13px;font-size: 1.3rem;font-style: italic;margin-bottom: 0; text-align: center;} iframe { max-width: 100%; margin-bottom: 20px;} .post-media {margin-bottom: 70px;margin-bottom: 7rem;padding: 60px 0 60px;padding: 6rem 0 6rem;position: relative;} .sticky, .bypostauthor {} .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /* ################################################################ 2 ) NAVIGATIONS ################################################################# */ .tinynav {display:none;} nav {width:auto;position:relative;z-index:9999;} #nav {padding:0px;font-weight:normal;list-style-type:none;position:relative;display:block;height:70px;width: 100%;margin: 0 auto;z-index:9999;float:left;} #nav li {float:left;display:block;width:auto;position:relative;z-index:500;} #nav li a {display:block;line-height:70px;padding:0px 20px;height:70px;text-decoration:none;color:#fefefe;font-weight:600;font-size:14px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} #nav li a:hover, #nav li a:focus, .dm-social li a:hover, .dm-social li a:focus, .dm-social li:first-child a, #nav li.current-menu-item a, #nav li a.active {color: #fefefe !important;} #nav li.current-menu-item ul li a, #nav ul a {display:block;height:50px;padding:0px 5px 0px 5px;color:#000 !important;background-color:#fff !important;background-color:rgba(255,255,255, 0.9) !important;font-weight:normal;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border:none !important;} #nav li.current-menu-item ul li a:active, #nav ul li a:active, #nav ul li ul a:active, #nav li.current-menu-item ul li a:focus, #nav ul li a:focus, #nav ul li ul a:focus {color:#000 !important} #nav ul {position:absolute;left:0;display:none;margin:0;padding:0;list-style:none;} #nav ul li {min-width:180px;float:left;height:50px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#000;} #nav li.current-menu-item ul li a, #nav ul li a,#nav ul li ul a {font-size:14px;padding-left:20px;line-height:50px;color:#000;} #nav ul.current-menu-item a:after,#nav ul.current-menu-item a:before, #nav ul a.active:after,#nav ul a.active:before {border:none !important;} #nav ul a {display:block;height:50px;padding:0px 5px 0px 5px;color:#000;background-color:#fff;background-color:rgba(255,255,255, 0.93);font-weight:normal;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border:none !important;} #nav ul.current-menu-item a, #nav ul a:active, #nav ul a:hover{border:none !important;} #nav ul li.current-menu-item a, #nav ul li a.active {color:#fff;} #nav ul.current-menu-item a, #nav ul a:active,#nav ul a:hover {border:none !important;} #nav ul a:hover {text-decoration:none;color:#fff;} #nav ul li ul {margin-left:180px;position:absolute;display:none;padding:0px;height:auto;top:0px;} #nav ul li ul li {width:180px;position:relative;float: left;} .dm-social {position: fixed; z-index:99999; overflow: visible;top: 0;left: 0;height: 100%;list-style-type: none;margin: 0;padding: 0;background: #160B0B;} .dm-social li a {display: block;text-indent: -500em;height: 5em;width: 5em;line-height: 5em;text-align: center;color: #fefefe;position: relative;border-bottom: 1px solid rgba(0,0,0,0.05);-webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;} .dm-social li a:hover, .dm-social li a:focus, .dm-social li:first-child a{text-decoration:none;color: #fff !important;} .dm-social li a:before {font-family: 'FontAwesome';speak: none;font-style: normal;font-weight: normal;text-indent: 0em;position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 1.4em;-webkit-font-smoothing: antialiased;} .dm-social li .icon-rss:focus, .dm-social li .icon-rss:hover {background:#F90 !important} .dm-social li .icon-facebook:focus, .dm-social li .icon-facebook:hover {background:#3B5998 !important} .dm-social li .icon-twitter:focus, .dm-social li .icon-twitter:hover {background:#9AE4E8 !important} .dm-social li .icon-pinterest:focus, .dm-social li .icon-pinterest:hover {background:#C92228 !important} .dm-social li .icon-linkedin:focus, .dm-social li .icon-linkedin:hover {background:#007bb6 !important} .dm-social li .icon-google-plus:focus, .dm-social li .icon-google-plus:hover {background:#d34836 !important} #search {margin-top:13px;} .nav > li > a {font-weight:600} /* ################################################################ 3 ) PAGE ELEMENTS ################################################################# */ .blogimg {margin-bottom:20px;} .post-author {list-style: none outside none;margin: 45px 0 ;padding: 21px;text-transform: none;} .post-tags {border-bottom: 1px solid #EEEEEE;display: inline-block;list-style: none outside none;margin: 20px 0 0;padding: 15px 0;text-transform: none;width: 100%;} .tagcloud a {border-radius:3px; display: block; padding: 5px 10px; background: #160B0B; float:left; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 12px !important; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .tagcloud a:hover { color: #fff !important; text-decoration: none; } .post-tags a { display: block; padding: 5px 10px; background: #f5f5f5; float:left; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 12px; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .post-tags a:hover { color: #fff !important; text-decoration: none; } .post-author h3 {font-size: 18px;} .post-author .gravatar img {width:75px;height:75px; float:left; border-radius:100%; margin:20px 20px 0 0; } .big-title h2 span.viewalls {float:right; font-size:13px;font-weight:normal;line-height: 4em;} .big-title h2 a span.viewalls {-webkit-transition: background-color 0.3s linear 0s;-moz-transition:background-color 0.3s linear 0s;transition: background-color 0.3s linear 0s;} .comment-title h2, .big-title h2 {font-size: 21px;font-weight: bold;line-height: 2em;margin: 0 0 20px;} .big-title {box-shadow: 0 2px 2px #F4F4F4;border-bottom:1px solid #F4F4F4;background:#fff; overflow:hidden;padding-top: 15px;position:relative;display:block;} .breadcrumb-light {box-shadow: 0 2px 2px #F4F4F4;border-bottom:1px solid #F4F4F4;border-radius:0 !important;background-color:#fff;} .boxes a.mediawrap {border-radius:100%; width:125px; height:125px; margin:10px auto; display:table; -webkit-transition: background-color 0.3s linear 0s;-moz-transition:background-color 0.3s linear 0s;transition: background-color 0.3s linear 0s;text-decoration:none; cursor:pointer} .boxes a.mediawrap:hover {background:#160B0B;} .mediawrap span {color: #FFFFFF;font-size: 51px;line-height: 125px;} .boxes h2 {padding:10px 0; font-size:21.48px} .boxes {text-align:center; padding-bottom:30px !important} .boxes p {padding:0 } .boxes, .blog-wrap {box-shadow: 0 2px 2px #F4F4F4;border-bottom:1px solid #F4F4F4;background:#fff; overflow:hidden;padding-top: 15px;padding-bottom:15px;position:relative;display:block;} .blog-wrap .meta {border-bottom: 1px solid #F4F4F4;margin-bottom: 4px;padding-bottom: 10px;} .blog-wrap .metafull {margin-bottom: 4px;padding-bottom: 10px;} .blog-wrap .metafull .by, .blog-wrap .meta .by {color: #696969;margin-right: 5px;} .blog-wrap .metafull .by a.bylink, .blog-wrap .meta .by a.bylink {margin-right: 5px;} .blogthumb {display: block;height: auto;max-width: 100%;padding: 0;} .blogthumb a.readmore:hover, .blogthumb a.readmore:hover {background-color:#160B0B;} .blogthumb a.readmore, .blogthumb a.readmore {bottom: 30px;color: #FFFFFF;display: block;float: right;font-size: 14px;height: 30px;line-height: 30px;margin: 0;position: relative;text-align: center;-webkit-transition: background-color 0.3s linear 0s;-moz-transition:background-color 0.3s linear 0s;transition: background-color 0.3s linear 0s;width: 30px;} .blogthumb a.readmore, .blogthumb a.readmore { text-decoration:none;} .blog-wrap h2 {font-size: 21px;margin: 20px 0 5px;min-height: 47px; } h2.portfolio-wrap {font-size: 31px !important; margin: 20px 0 10px !important;} .blog-wrap h2 {font-size: 21px;margin: 20px 0;} .boxes h2 a, .blog-wrap h2 a {color:#160B0B} .boxes h2 a:hover, .blog-wrap h2 a:hover {text-decoration:none} .container {margin:0 0 0 85px !important} .backwhite {background:#160B0B;height:auto;min-height:70px !important;overflow:visible; position:relative} .wrapper {padding-top:0px; margin-top:-10px; padding-bottom:60px;} .content {padding:3% !important} .title2 {padding: 15px 3% 0 !important } .carousel-caption {height: 40px !important;line-height: 40px !important;padding: 0 !important;min-width:60% !important;max-width:80% !important;float:right !important;} .carousel-caption h4 {font-size: 14px !important;line-height: 20px !important;padding-left: 80px !important;text-align: left;} .carousel-control {width:40px !important; height:40px !important; line-height:35px !important;bottom:0 !important} a.carousel-control:hover, a.carousel-control:focus, a.carousel-control:active, a.carousel-control {color:#fff !important;} #timeline .archives_list {border-left: 4px double #eeeeee;list-style: none;margin: 0 0 1em 1em;} #timeline .archives_list li {clear: left;padding-left: 2.387em;padding-bottom: 1.387em;margin-bottom: 1.387em;border-bottom: 1px solid #eeeeee;font-style: normal;list-style: none;} #timeline .archives_list li:last-child {border-bottom: 0;} #timeline .archives_list .date {color: #555555;display: block;} #timeline .archives_list .linked {display: block;} #timeline .archives_list .comments {display: block;} #timeline .archives_list .comments a {color: #555555;text-decoration: underline;} #timeline .archives_list .comments a:hover {text-decoration: none;} h3.archive_year {font-weight: bold;color: #555555;margin-top: 0;} #timeline .archives_list li {padding-bottom: 0;border-bottom: 0;} #timeline .archives_list .date {display: inline-block;width: 22.5%;} #timeline .archives_list .linked {display: inline-block;width: 48%;} #timeline .archives_list .comments {display: inline-block;width: 22.5%;} #timeline .archives_list .comments a {padding-left: 1.236em;} .sitemap ul {margin:20px 0} .sitemap ul li {list-style:none !important; margin-left:-30px !important; margin-top:5px !important} .tp-bullets.simplebullets.navbar {display:none;} .dmtop {bottom: 0;right: 0;} input[type=search], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { background: #fff; border: 1px solid #ddd; display: block; font-size: 13px; color: #949494; font-weight: 400; margin-left: 0; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; -webkit-appearance: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 3px; max-width: 100%; width: 260px; } input[type=search], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { padding-top: 7px; padding-bottom: 7px; } textarea { width: 100%; max-width: 100%; padding: 10px; } input[type=search] { width: 100%; max-width: 100%; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { outline: none } .entry input[type="button"], .entry input[type="submit"], #comments input[type="submit"], .theme-button { font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; outline: none; text-decoration: none; color: #fff; height: 40px; line-height: 40px; padding: 0 15px; text-decoration: none; text-align: center; white-space: nowrap; border: 0; background: #474747; -webkit-appearance: none; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; border-radius: 3px; } .entry input[type="button"]:hover, .entry input[type="submit"]:hover, #comments input[type="submit"]:hover, .theme-button:hover { background: #f26c4f; color: #fff; text-decoration: none; } .entry input[type="button"]:active, .entry input[type="submit"]:active, #comments input[type="submit"]:active, .theme-button:active { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset } #login {padding:4%} .sliderwrapper {margin-bottom:15px; } .wpcf7-textarea {min-height:165px} #login .form-control, .wpcf7-text, .contact-form .form-control1 {width:50% !important} .copyrights {margin:20px} .copyrights p {color:#fff;} .copyrights a:hover {color:#F66E55;} .page-numbers > li > a, .page-numbers > li > span {margin-right:5px} .dm-loged { background: none repeat scroll 0 0 #F6F5F2; border-radius: 5px 5px 5px 5px; padding: 30px; } .dm-loged i { border-radius: 100% 100% 100% 100%; color: #FFFFFF; font-size: 20px; margin-right: 20px; padding: 20px; } .portfolio-wrap .meta .by {padding-left:10px;margin-bottom:5px;} .portfolio-entry-img-link img {display: block;width: 100%;} .portfolio {display:block;overflow:hidden;position:relative;margin:0;padding:0 } ul#portfolio-items {padding:0;display:block;overflow:hidden;} ul#portfolio-items {margin: 5px;padding:0;} ul#portfolio-items li.col-sm-4 {list-style:none;background:#fff;padding: 10px;} ul#portfolio-items li.col-sm-4 img { display: block;list-style: none outside none;margin: 0;overflow: hidden;padding: 0;position: relative;} #portfolio-filter {margin-bottom:40px} .entry {position:relative;cursor:pointer;padding:0;} div.pp_overlay {z-index:9999} .related-posts-single .portfolio-title h3 {background: #FFFFFF;} .related-posts-single .portfolio-title h3 a {color: #160B0B;font-size: 21px;padding: 0;text-align: center;} .related-posts-single .portfolio-title h3:hover {background:#160B0B !important; color:#fff !important;} .portfolio-title h3 a {color:#fff;} .portfolio-title h3 a:focus, .portfolio-title h3 a:active, .portfolio-title h3 a:hover {color:#fefefe !important;} .portfolio-title h3 {bottom: 25px;font-size: 21px;font-weight: bold;left: 0;opacity: 0;padding:10px 40px;position: absolute;right: 0; text-align: center;} .magnifier {background:url(images/magnifier.png) no-repeat center;position:absolute;top:10px;left:10px;bottom:10px;right:10px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .entry:hover .portfolio-title h3, .entry:hover .video-hover, .entry:hover .magnifier { opacity:1; } .pager {margin-top:70px !important} /* ############################################################### 4 ) SIDEBARS WIDGETS ################################################################# */ #sidebar .widget li {color: #FFFFFF;list-style: none outside none;margin: 5px 0;} .ads {display: block;overflow: hidden;padding: 3px;position: relative;} .ads img {margin:14px} #error-404{text-align:center} #error-404 h1{font-size:75px;line-height:180px;font-weight:bold;position:relative;z-index:3;display:initial;} #error-404 h4{font-weight:300;} .staff-wrap .meta .by {font-size:12px; color:#999; font-style:italic} .bars {display:block;padding:0;margin-bottom:20px;background:#fff;} .bars header h3 {margin-bottom:10px;} .bars ul {display:inline;list-style: none;} .bars .skill-label {display: block;} .bars .skill-level {display: inline-block;width: 0px;height: 20px;box-shadow:0 2px 2px #E6E6E6;} .bars .skill-percent {margin-left:5px;position:absolute;margin-top:-3px;font-weight: bold;color:#160B0B;} .oauthtwitter-latesttweets {background:#160B0B; min-height:60px;padding: 5px 20px 15px 0;margin:15px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border 0.2s;-moz-transition: border 0.2s;-o-transition: border 0.2s;transition: border 0.2s;border: 1px solid #1a1a1a;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;width:auto;color:#efefef;} .oauthtwitter-latesttweets li, .oauthtwitter-latesttweets li {list-style: none outside none;margin-bottom: 20px;min-height: 55px;overflow: hidden;padding-top: 10px;} .oauthtwitter-latesttweets li a {} .oauthtwitter-latesttweets li a:hover, {color:#F66E55;} .oauthtwitter-latesttweets p, .tweets li span { background-image: url(images/tweet.png); background-repeat: no-repeat; display: block; left: 15px; padding-left: 25px; position: relative; } .js-video {height: 0;padding-top: 25px;padding-bottom: 50.5%;margin-bottom: 10px;position: relative;overflow: hidden;} .js-video.widescreen {padding-bottom: 57.25%;} .js-video.vimeo {padding-top: 0;} .google-map {width:100%; min-height:300px;} .js-video embed, .js-video iframe, .js-video object, .js-video video {top: 0;left: 0;width: 100%;height: 100%;position: absolute;} ul.popular-posts li {margin-bottom:15px !important;} #sidebar .widget .popular-posts .date, #sidebar .widget .popular-posts .by {color:#efefef;padding:5px 0; float:left; margin-right:10px; font-size:12px;} #sidebar .widget a:hover {color:#efefef !important;} #sidebar .widget .popular-posts a {color:#fff !important;} #sidebar .widget .popular-posts p, #sidebar .widget dt, #sidebar .widget dd, #sidebar .widget .popular-posts h5 a {color:#fff;} #sidebar .widget .popular-posts h5 {font-weight:bold;} #sidebar .widget .popular-posts .media-body {padding-top:5px} .widget {overflow: hidden;padding: 5px 0 0;position: relative;} .widget .title {display: block;overflow: hidden;padding-top: 15px;margin-bottom:15px;position: relative;} .widget .title h3 {color: #fff;font-size: 18px;} div.dm-flickr-widget { overflow:hidden;padding:0;} div.flickr_badge_image {margin:0;list-style:none;} div.flickr_badge_image a { margin:1px; opacity: 1; float: left; width: 65px; height: 65px; } div.flickr_badge_image a:hover { opacity: 0.8; } div.flickr_badge_image img { display: block; width: 65px; height: 65px; } .price-table{ padding:0;} /* ############################################################### 5 ) RESPONSIVE ################################################################# */ @media screen and (max-height: 34.9375em) { .dm-social {font-size: 70%;} } @media screen and (min-width: 959px) and (max-width: 1024px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:22.04% !important} } @media only screen and (min-width: 768px) and (max-width: 959px) { #nav {width: 768px} #nav { height:70px; } #nav li a {line-height:70px;height:70px;font-size:12px !important;padding:0 10px !important;} #nav ul li {height:40px;} #nav ul li a,#nav ul li ul a {font-size:12px !important;line-height:40px;} #nav ul a {height:40px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:46% !important} } @media only screen and (max-width: 767px) { .carousel-caption, .big-title h2 span.viewalls, #nav {display:none;} .mnav{width: 98% !important; display: table;margin:0 auto;font-size:16px;border-radius: 0 !important; background:#fff; } #search {margin-top:0; width:98%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:45% !important} } @media only screen and (min-width: 480px) and (max-width: 767px) { #nav {display:none;} nav.primary li:after, nav.primary a {font-size: 12px;padding: 0 3px;} nav.primary li {line-height:1} } @media only screen and (max-width: 480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:90% !important} } /* ############################################################### 6 ) WOOCOMMERCE ################################################################# */ .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating {margin:5px 0} .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {margin-bottom:10px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {background:#fff;border: 0 none;border-bottom:3px solid #f5f5f5;display: block;margin: 10px !important;padding: 20px !important;} .woocommerce .related ul.products li {width:30.05% !important;} .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {min-height:45px; display:block; position:relative;} .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {background:#F5F5F5;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);} .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel {padding:0.4em !important} .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {margin-bottom:20px !important;} .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {margin: 30px 0 !important;text-align: right !important;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span {font-size: 16px !important;padding: 10px 12px !important;} .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {font-size:16px !important;} .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {font-size:21px !important;} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {font-weight:normal !important;} h1.page-title {display:none !important} h1.product_title {font-size:26px !important} .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {bottom:-6px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background:#FFFFFF !important;border: 1px solid #E6E6E6;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;margin: 0 !important;padding: 0 2em !important;} .related {margin: 80px 0 !important;padding: 20px !important;border-top:1px solid #E6E6E6;} .price_slider{ margin-bottom: 1em;} .price_slider_amount {text-align: right;line-height: 2.4em;font-size: 0.8751em;} .price_slider_amount .button {font-size:1.15em;} .price_slider_amount .button {float: left;} .ui-slider {position: relative;text-align: left;} .ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 0.9em;height: 0.9em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.25);cursor: pointer;background: #e7e7e7;background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%); outline: none;top: -.3em;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;} .ui-slider .ui-slider-handle:last-child {margin-left: -1em;} .ui-slider .ui-slider-range {position: absolute;z-index: 1;display: block;border: 0;background:#ffffff;box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;-webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;-moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;} .price_slider_wrapper .ui-widget-content {-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;background: #160B0B;background: -webkit-gradient(linear,left top,left bottom,from(#160B0B),to(#6a6a6a));background: -webkit-linear-gradient(#160B0B,#6a6a6a);background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);background: -moz-gradient(center top,#160B0B 0%,#6a6a6a 100%);} .ui-slider-horizontal {height:.5em;} .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;} .ui-slider-horizontal .ui-slider-range-min {left: -1px;} .ui-slider-horizontal .ui-slider-range-max {right: -1px;} .reviews_tab:active, .description_tab:active, .description_tab, .reviews_tab {border:1px solid #E6E6E6 !important; box-shadow:0 0 #fff !important; border-radius:0 !important} #tab-description {border:1px solid #fff !important; box-shadow:0 0 #fff !important} select{font-family: Arial, Helvetica, Verdana, san-serif;font-size:12px; position:relative;outline: none;padding:8px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; color:#8C8C8C;border:1px solid #F0F0F0;background:#fff;-moz-box-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0; -webkit-box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F0F0F0;box-shadow:inset 0 0 0 1px #fff, 1px 2px 0px #F9F9F9;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper object, .videoWrapper embed, .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } audio{ width: 100%; margin-top: 30px; } /* Post Comment Styles *********************************************************************************************/ #post-comments, .post-comment, #comments { width: 100%; float: left; } #comments { margin-bottom: 26px; } #post-comments { margin-top: 30px; } #comments .avatar { background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 5px; padding: 3px; position: absolute; right: 50px; } #comments h4 { line-height: 26px; font-weight: bold; font-size: 14px; color: #404040; margin: 5px 0; } .post-comment-text { float: left; padding-left: 0; width:83%; margin-bottom: 14px; } .comment-reply-link {padding:2px 8px !important} /* Post Comment Form Styles *********************************************************************************************/ #respond { width: 100%; float: left; margin: 0; position: relative; } .post-comment #respond { width: 610px; margin-bottom: 31px; margin-left: 50px; } #respond p { width: 100%; float: left; } .comment-form-author { width: 240px; float: left; } .comment-form-author input { width: 200px; } .comment-form-comment { width: 398px; float: left; } .post-comment .comment-form-comment { width: 368px; } .comment-form-comment textarea { width: 396px; height: 145px; margin-top: 2px; } .post-comment .comment-form-comment textarea { width: 346px; } #respond input { margin-left: 0; } #respond a { float: right; margin-top: 4px; margin-right: 0; } #respond .logged-in-as { display: none; } #cancel-comment-reply-link { margin-right: 20px !important; margin-top: 8px !important; } .textwidget {color:#fff !important;} /* widget calendar */ #wp-calendar {width:100%;} #wp-calendar, #wp-calendar th, #wp-calendar caption {text-align:center;} #wp-calendar th {background:#160B0B;padding:3px;border:1px solid #160B0B;} #wp-calendar td {padding:5px 2px;border:1px solid #efefef;text-align:center;background:#fff;} #wp-calendar td a {color:#818181;} #wp-calendar caption {background:#160B0B;font-family:"mainfont_medium", Arial, Helvetica, sans-serif;font-size:13px;color:#fff;text-transform:uppercase;font-weight:bold;padding:3px 0px 7px 0px;} #wp-calendar #today {background:#160B0B;font-weight:normal;} /* widget categories */ .widget_meta li {color:#999;float:left;width:250px;} .widget_categories li {color:#999;float:left;padding-left:10px!important;width:100%;} .widget_meta li a, .widget_categories li a {float:left;font-style:normal;} .tab-content {border-width:1px !important} .comment-title { background:#FFFFFF; border-bottom: 1px solid #F4F4F4; display: block; overflow: hidden; padding-top: 15px; position: relative; } .bbp-search-form input, .bbp-search-form select, .bbp-search-form textarea { background-color: #FCFCFC; border: 1px solid #dddddd; border-radius: 3px; color: #AAAAAA; margin-bottom:10px; font-size: 14px; padding: 14px; width: 100%; } body.Boxed .container{ /*max-width: 1000px;*/ margin: 0 auto !important; } body.Boxed .ads .img-thumbnail{ width: 35%; } body.Boxed .dm-social{ display:none !important } body.Boxed .first-col { background:#fff; padding-top:15px; }