html { height:100%; min-height:100%; } body { min-height:100%; height:100%; } body.custombody { background:url(../images/background/patterns/cardboard_flat.png) repeat #f3f3f3 ; } /* ====================== START TYPOGRAPHY ====================== */ p, li, address, dd, blockquote, td, th, .textwidget { font-size:14px; line-height:1.8em; font-family:'Raleway',Verdana, Geneva, sans-serif; font-weight: normal; } body, p, a, ul, ol, li, address, dd, blockquote, td, th, label, .textwidget { color:#616161; word-wrap: break-word; } ul.icons { padding:0 15px; } body.dark #top-box p, body.dark #top-box dl, body.dark #top-box li, body.dark #top-box h3, body.dark #top-box .widget-box { color:#fff; } body.dark .slick-wrapper p, body.dark .slick-wrapper .text, body.dark .slick-wrapper .text p { color:#616161 !important; } body.light #top-box p, body.light #top-box dl, body.light #top-box li, body.light #top-box h3, body.light #top-box .widget-box { color:#616161; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0 !important; -moz-border-radius: !important; border-radius: !important; } h1, h2, h3, h4, h5, h6, .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { font-family:'Roboto',Verdana, Geneva, sans-serif; line-height: 28px; color:#616161; } .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { margin: 0; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } input, button, select, textarea { max-width: 100%; } select { width: 100%; height: 50px; padding: 8px 10px; background: #fff; color: #333; border-color: #ddd; } code { display:block; white-space:normal ; word-wrap: break-word; } iframe, embed, object, video, img { max-width:100%; height:auto } .sticky { } .gallery-caption { } .bypostauthor { } /* ====================== END TYPOGRAPHY ====================== */ /* ====================== START ELEMENTS ====================== */ a { color:#3498db; outline: none; border:none; font-weight:normal; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } a:hover , a:active , a:focus { color:#2980b9; text-decoration:none; outline:none; } input:hover , input:active , input:focus { text-decoration:none !important; outline:none !important; } .clear { clear:both; } .left { float:left; } .right { float:right; } .title i { padding: 0; margin: 0 10px 0 0; line-height: 50%; } ::selection { background: #2980b9; color:#fff; } ::-moz-selection { background: #2980b9; color:#fff; } .select-menu { display:none; visibility:hidden; } span.messaggeok { font-weight:bold; } span.error { display:none; color:#b93333; font-weight:bold; } .title { overflow:hidden; } .read-more { display:block; margin:30px 0 -15px 0; } .button { background-color:#3498db; border-bottom:4px solid #2980b9; padding:10px 15px 6px 15px; color:#fff; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; text-align:center; position:relative; line-height: 1.6em; display:inline-block; } .button:hover { background:#2980b9; border-bottom:4px solid #2980b9 !important; color:#fff; text-decoration:none; border-bottom:none; } .portfolio_button { margin:45px 0 0 0; } form { margin:0 !important; } /* ====================== END ELEMENTS ====================== */ /* ====================== START SECTIONS ====================== */ #wrapper { position: relative; min-height:100%; } .header { position:relative; text-align:center; margin:0 0 50px 0; padding:0; background:#333; min-height:90px; } .header .right { padding-left:0; } #footer { position:absolute; width:100%; background:#333; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); bottom:0; margin-top:50px } #slogan { width:100%; background:#3498db; text-align:center; padding:60px 0; color:#fff; position:relative; margin-top:-50px; margin-bottom:50px; } #slogan p { color:#fff; font-size:24px; font-family:'Roboto',Verdana, Geneva, sans-serif; } #slogan p a , #slogan h1 { color:#fff; font-weight:bold } #footer ul, #sidebar ul { list-style:none; font-weight: normal; color:#fafafa; margin:0; } #footer a { line-height:1.9em; -webkit-transition: all .3s ease; } #footer p, #footer a { color:#fff; } #footer a:hover { color:#2980b9; } #top-box, #footer-box { margin:0; padding:0; } #top-box ul, #footer-box ul, #sidebar ul { margin:0; list-style:none; padding:0; } #top-box ul ul, #footer-box ul ul, #sidebar ul ul { margin: 15px 0; } #top-box li li a, #footer-box li li a, #sidebar li li a { font-size: 12px; } .col-md-8.left-sidebar { float:right; } .col-md-8.right-sidebar { float:left; } #sidebar .title h3 { padding: 0; margin: 0; position:relative; line-height:20px !important; } #footer h4.title { margin: 0; padding: 20px 0; } #footer select, #footer textarea, #footer input[type="text"], #footer input[type="password"], #footer input[type="datetime"], #footer input[type="datetime-local"], #footer input[type="date"], #footer input[type="month"], #footer input[type="time"], #footer input[type="week"], #footer input[type="number"], #footer input[type="email"], #footer input[type="url"], #footer input[type="search"], #footer input[type="tel"], #footer input[type="color"], #footer .uneditable-input{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:96%; padding: 5px 2%; } #footer p, #footer li, #footer address, #footer dd, #footer blockquote, #footer td, #footer th, #footer .textwidget, #sidebar p, #sidebar li, #sidebar address, #sidebar dd, #sidebar blockquote, #sidebar td, #sidebar th, #sidebar .textwidget { line-height:1.9em; font-weight: normal; } #footer .title, #footer p, #footer li, #footer address, #footer dd, #footer blockquote, #footer td, #footer th, #footer .textwidget { color:#fff; } #footer .copyright { padding: 10px 0; line-height:15px; } #footer .copyright p { margin:0; } #footer .widget { border-bottom: solid 1px #ff6644; margin-right:-20px; padding: 0 0 10px 0; } #back-to-top { position:fixed; bottom:15px; right:15px; display:none; } #back-to-top i{ padding:10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; color:#fff; background:#3498db; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #back-to-top i.open, #back-to-top i:hover { cursor:pointer; background:#2980b9; color:#fff; } .back-to-top { top: 15px; position: absolute; right: 15px; z-index:100000; } /* LOGO */ #logo { position:relative; display:block; text-align:left; line-height:80px; min-height:80px; padding:5px 0; } #logo a.logo { font-family:'Kristi',Verdana, Geneva, sans-serif; font-size:45px; color:#fff; text-decoration:none; text-align:left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } #logo a.logo:hover { text-decoration:none; color:#fff; border-bottom:none; } /* ====================== END SECTIONS ====================== */ /* ====================== START NAV ====================== */ /* MAIN NAV */ nav#mainmenu { text-align:right; position:relative; width:100%; height:90px; } nav#mainmenu ul { list-style:none; margin:0; display:inline-block; } nav#mainmenu ul li { float:left; position:relative; display:block; text-align:right; font-size:inherit } nav#mainmenu ul li a { text-decoration:none; display:block; font-family:'Roboto',Verdana, Geneva, sans-serif; font-size:14px; padding:35px 10px; z-index:1; color:#919191; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; } nav#mainmenu ul li a:hover, nav#mainmenu li:hover > a, nav#mainmenu ul li.current-menu-item > a, nav#mainmenu ul li.current_page_item > a, nav#mainmenu ul li.current-menu-parent > a, nav#mainmenu ul li.current_page_ancestor > a, nav#mainmenu ul li.current-menu-ancestor > a { color:#fff; } nav#mainmenu .sf-sub-indicator { padding:0 0 0 10px; float:right; font-size:8px; } nav#mainmenu ul ul:before { content: ''; display: inline-block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #474747; top: -8px; left: 15px; z-index: 1000; } nav#mainmenu ul ul { display:none; position: absolute; top:90px; left:0; background:#474747; width:100%; min-width:190px; z-index:1001; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); margin:0; padding:0; } nav#mainmenu ul ul li { position:relative; margin:0; width:100%; min-width:190px; padding:0; } nav#mainmenu ul ul li a { text-decoration:none; text-align:left; display:block; padding:15px 15px 0 15px !important; margin:0; text-transform:inherit; text-shadow:inherit; color:#919191; font-weight:300; font-size:12px; } nav#mainmenu ul ul li:last-of-type a { padding:15px !important; } nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li.current-menu-item > a, nav#mainmenu ul ul li.current_page_item > a, nav#mainmenu ul ul li.current_page_ancestor > a, nav#mainmenu ul ul li.current_page_ancestor > a, nav#mainmenu ul ul li.current-menu-ancestor > a { background:none !important; color:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } nav#mainmenu ul ul li ul { top:0px !important; left:190px; border-top:solid 1px #474747; } nav#mainmenu ul ul li ul:before { display:none; } .tinynav { display: none } /* ====================== END NAV ====================== */ /* ====================== START CONTENT ====================== */ .post-container { margin-bottom:50px; } .masonry-layout, .main-content.blog, .main-content.blog .post-container, .masonry-layout .post-container { margin-bottom:25px; } #top-box, #footer-box { margin-bottom:0; } #top-box .widget-box, #footer-box .post-container { margin-bottom:50px; } .post-article { padding:45px; background:#fff; border-bottom:solid 1px #ddd; word-wrap: break-word } .post-container.col-md-4 article.article, .post-container.col-md-3 article.article { padding:30px; } .post-article .attachment p { text-align:center; } .post-article .attachment .entry-info .entry-date { margin:auto; } .post-article.aside p, .post-article .category h1, .post-article .portfolio h1, .post-article .search h1{ margin:0; } .post-article .category, .post-article .category h1, .post-article .portfolio, .post-article .portfolio h1, .post-article .search, .post-article .search h1 { background:#333; color:#f1f1f1; text-align:center; font-weight:100 } .post-article .category h1 a { color:#fff; } #sidebar .post-article, #footer-box .post-article{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon { width:90px; margin:15px 0; background:#fff; border:solid 1px #ddd; padding:4px; } .testimonial-thumb.icon { width:100%; } .testimonial-item p { margin-top:15px; } .post-article.quote p { color:#fff; text-align:center; } .post-article.quote:hover { background:#3498db; } .post-article .wp-post-image { z-index:999; } .contact-map { width:100%; height:400px; border-bottom:solid 1px #ccc; margin-top:-50px; } .media-container, .video-container, .maps-container { overflow: hidden; position: relative; height:auto; max-height:100%; } .video-thumb, .maps-thumb { padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-thumb iframe, .video-thumb object, .video-thumb embed, .maps-thumb iframe, .maps-thumb object, .maps-thumb embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } .soundcloud { margin:0 0 40px 0; } .col-md-4 .soundcloud { margin:0 0 20px 0; } .widget-box .soundcloud { margin:0; } .soundcloud iframe, .soundcloud object, .soundcloud embed { width: 100%; height:166px; border:none; } .media-container:after { content: ''; display: inline-block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; bottom: 0px; left: 45px; z-index:1000; } .post_format-post-format-image .media-container.blog-section:after, .post_format-post-format-image .media-container.blog-section:after { display:none; visibility:hidden; } .post-article .title h1 { font-style: normal; position:relative; color:#616161; } .post-article .title h1 a, .post-article .title h3 a { color:#616161; } .post-article .title h1 a:hover , .post-article .title h3 a:hover { color:#2980b9; } .post-article .separator:after { background:url(../images/separator.png) repeat; width:100%; height:5px; content: ''; display: inline-block; margin:0; } .post-article .container-fluid { padding:0; margin: 0 0 45px 0; } .post-article .container-fluid:last-child { padding:0; margin: 0; } .article-header { margin:0 0 20px 0; color:#000; position:relative; text-align:center; } .commentlist { list-style:none; line-height:1px; margin:0; padding:0 } .commentlist ul { list-style:none; padding:0; margin:0; } .comment-container { margin:0 0 45px 0; padding:25px 15px; position: relative; background:#fff; border:solid 1px #ddd; } .comment-avatar img { padding:4px; border:solid 1px #ddd; float:left; } .comment-text { position:relative; margin-left:110px; border-left:solid 1px #ddd; padding:0 0 0 15px; } .comment-container .comment-date { padding:10px 0; } .comment-avatar { position:relative; width:110px; float:left; } .commentlist .pingback .comment-avatar img, .commentlist .pingback .comment-avatar { display:none; overflow:hidden; } .commentlist .pingback .comment-text { margin-left:auto; border-left:0; } .comment-author .author { display:block; font-weight:bold; } .commentlist .children li { margin-left:110px; } .comment-notes { margin:-30px 0 25px 0; } h3#reply-title, h3.comments { font-weight: normal; font-weight: bold; text-transform: uppercase; padding: 0 0 5px 45px; height:45px; line-height:45px; background:url('../images/icons/comment.png') no-repeat center left; margin:30px 0 45px 0; } h3#reply-title small, .logged-in-as { font-weight: normal; font-weight: bold; text-transform: uppercase; margin:-20px 0 40px 0; } /* END COMMENT */ /* START CONTACT FORM SHORTCODE / COMMENT FORM */ .woocommerce-product-search input[type=search], #searchform input[type=text], #searchform input[type=text], #searchform textarea, .comment-form input[type=text], .comment-form textarea { padding: 15px 2%; background:#fafafa; width: 96%; margin:0 0 35px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; } .woocommerce-product-search input[type=submit], #searchform input[type=submit], .comment-form input[type=submit] { background:#3498db; border:none; outline:none; border-bottom:4px solid #2980b9; padding:10px 14px 6px 14px; color:#fff; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:45px 0 -10px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; text-align:center; position:relative; display: block; } .woocommerce-product-search input[type=submit]:hover, #searchform input[type=submit]:hover, .comment-form input[type=submit]:hover { background:#2980b9; border-bottom:4px solid #2980b9; color:#fff; text-decoration:none; } .woocommerce-product-search, .searchform { margin:15px 0 0 0; } #searchform input[type=submit], .woocommerce-product-search input[type=submit]{ width: 25%; margin:0; padding: 10px 1% 6px 1%; display:inline-block; } #searchform input[type=text], .woocommerce-product-search input[type=search]{ width: 70%; margin:0 1% 0 0; padding: 10px 2%; display:inline-block; } .col-md-12 #searchform #searchsubmit, .col-md-12 .woocommerce-product-search input[type=submit] { width:15%; } .col-md-12 #searchform .input-search, .col-md-12 .woocommerce-product-search input[type=search] { width:80%; } .col-md-4 #searchform #searchsubmit, .col-md-4 .woocommerce-product-search input[type=submit] { width:35%; } .col-md-4 #searchform .input-search, .col-md-4 .woocommerce-product-search input[type=search] { width:60%; } #searchform .input-search:hover, #searchform .input-search:active, #searchform .input-search:focus , #searchform input[type=search]:hover, #searchform input[type=search]:active, #searchform input[type=search]:focus { outline:0px !important; -webkit-appearance:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .logged-in-as a, #comments a { color:#616161; } #footer-box .contact-form input[type=text], .contact-form textarea, .widget-box .contact-form input[type=text], .contact-form textarea { padding:10px 2%; margin:0 0 15px 0; } #footer-box .contact-form input[type=submit], .widget-box .contact-form input[type=submit] { margin:0; } #footer-box .error, .widget-box .error { margin-bottom:15px; } /* END CONTACT FORM SHORTCODE / COMMENT FORM */ /* START DEFAULT ELEMENTS */ /* BLOCKQUOTE */ article blockquote { border-left: 4px solid #ff6644; padding:0 35px; position:relative; margin-left:0px; } article blockquote p { text-align:left; line-height:1.6em; } blockquote h4.title a { color:#333; } .col-md-4 article blockquote { margin:0; padding:0; border-left:none; } #top-box blockquote, #footer-box blockquote, #sidebar blockquote { padding:0; margin:0; } #sidebar blockquote, #footer-box blockquote{ border:none; -webkit-box-shadow: noner; -moz-box-shadow: none; box-shadow: none; } #sidebar blockquote { padding:0 5px 5px 5px; border:solid 1px #ddd; } #top-box blockquote { background:#fff; border-bottom:solid 1px #ddd; padding:25px; } #top-box blockquote h4.title, #footer-box blockquote h4.title{ line-height:1.4em !important; padding-bottom:0 !important; margin:0; } /* END BLOCKQUOTE */ .entry-info ul { display:inline; list-style:none; } .entry-info li { display:inline; } .entry-info a { display:inline; color:#616161; } .tags { background:#fff; padding:0 15px; } .tags a { font-weight:normal; } #sidebar .line { margin:0 0 30px 0; } #masonry .col-md-4 .line { border:none; } .post-date { color:#fff; text-align:left; } .post-article .post-date, .widget-box .post-date { color:#000; } .day { line-height:1.1em; } .archive { margin:0; } .col-md-4 .line .tags { padding:0; } .col-md-4 .entry-info { padding:0; } .col-md-4 .entry-info span, .col-md-4 .entry-info .entry-date, .col-md-4 .entry-info .entry-comments, .col-md-4 .entry-info .entry-audio, .col-md-4 .entry-info .entry-quote, .col-md-4 .entry-info .entry-aside, .col-md-4 .entry-info .entry-link, .col-md-4 .entry-info .entry-video, .col-md-4 .entry-info .entry-article, .col-md-4 .entry-info .entry-gallery{ display:block; text-align:center; width:inherit; padding:inherit; margin:5px auto; } /* END DEFAULT ELEMENTS */ /* START DEFAULT STYLE */ .entry-tags { border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; position:relative; font-weight:bold; } .entry-tags span { font-weight:normal; } footer.post-tags { overflow:hidden; margin:40px 0 0 0; } footer.post-tags .line { margin:0; } .line { position:relative; z-index: 998; display:inline-block; margin:0 0 40px 0 ; min-height:11px; max-width:100% } .col-md-3 .line , .col-md-4 .line { margin:0 0 20px 0 ; } .line:before { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -2px; margin-left: 45px; width: 1170px; height: 7px; z-index: 998; background: url(../images/icons/dark_stripes.png) repeat; } body.single .full .line , body.single .left-sidebar .line , body.single .right-sidebar .line { margin:0 0 40px 0; } body.dark #top-box .line:before { background: url(../images/icons/light_stripes.png) repeat; } #sidebar .line:before { margin-left: 20px; } .col-md-4 .line:before { margin-left: 25px; } .title { position:relative; } .entry-info i { color: #717171; margin: 0 10px 0 0; line-height:21px } .entry-info { background:#fff; margin:0 0 30px 0; position:relative; } .entry-info span { width:90px; margin-right:10px } .slick-wrapper .entry-info span, .col-md-3 .entry-info span, .col-md-4 .entry-info span, .col-md-6 .entry-info span { display:block; text-align:center; width:inherit; padding:inherit; margin:5px auto; } .slick-wrapper .entry-info i, .col-md-3 .entry-info i , .col-md-4 .entry-info i , .col-md-6 .entry-info i { line-height: 23px; position:absolute; left:0; margin:0; padding:0 } /* END DEFAULT STYLE */ /* =============================================== IMAGE STYLE =============================================== */ img.alignnone, img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width:100%; height:auto; } .alignleft, img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; } .alignright, img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; } .aligncenter, div.aligncenter, img.aligncenter { display: block; margin-left: auto ; margin-right: auto ; float:none; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; } .wp-caption { background:#f1f1f1; line-height:18px; margin-bottom:20px; max-width:558px ; padding:4px; text-align:center; } .wp-caption img { margin: 2px 0 5px 0; width: 98%; } .wp-caption p.wp-caption-text { color:#888; margin:5px; } .wp-smiley { margin:0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* =============================================== WORDPRESS GALLERY SHORTCODE =============================================== */ .gallery { margin:15px auto; } .gallery .gallery-item { float:left; margin:0 10px 15px 0 !important; text-align:center; position:relative; outline: 1px solid #ddd; border: 4px solid #fff; background: #fff; overflow:hidden; } .gallery-item .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; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; padding: 6px 0; bottom:0; position: absolute; text-align: center; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } .gallery-item:hover .gallery-caption { opacity: 1; filter: alpha(opacity=0); } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery dl { margin:0; } .gallery br+br { display:none; } .gallery a { border-bottom:none; } .post-article .attachment img{ display:block; margin:0 auto; } p.list-tags { line-height:25px; margin-top:20px; border-top:1px solid #dcdbdb; padding:10px 0 10px 36px; background:url('../images/icons/article.png') left 15px no-repeat; } .overlay-image { position:relative; overflow:hidden; } .overlay-image .overlay{ opacity: 0; filter: alpha(opacity=0); border:none; } .overlay-image .zoom { background: #000 url(../images/icons/zoom.png) no-repeat center; position:absolute; top:5px; left:5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; } .overlay-image .link { background: #000 url(../images/icons/link.png) no-repeat center; position:absolute; top:5px; left:5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; } .overlay-image .video { background: #000 url(../images/icons/video.png) no-repeat center; position:absolute; top:5px; left:5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; } .overlay-image .wp-post-image { border:solid 1px #ddd; padding:4px; max-width:100%; max-height:100%; background:#fff; } .overlay-image .wp-post-image:hover { -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } .wp-post-image { -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.8s ease; -o-transition: -o-transform 0.8s ease; transition: transform 0.8s ease; width:100%; height:auto; } .wp-post-image:hover { -moz-transform: rotate(1deg) scale(1.2); -webkit-transform: rotate(1deg) scale(1.2); -o-transform: rotate(1deg) scale(1.2); transform: rotate(1deg) scale(1.2); } .header-cart-widget .wp-post-image:hover, #sidebar .wp-post-image:hover, #top-box .wp-post-image:hover, #footer-box .wp-post-image:hover{ -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } .icon .wp-post-image:hover { -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } .col-md-3 .overlay-image, .col-md-4 .overlay-image { width:100% !important; height: 100% !important; position:relative; } .col-md-3 .overlay-image .wp-post-image, .col-md-4 .overlay-image .wp-post-image { padding:0; border:0; } .col-md-3 .overlay-image .zoom, .col-md-4 .overlay-image .zoom { left:0; top:0; } /* END IMAGE STYLE */ /* ====================== END CONTENT ====================== */ /* ====================== START WIDGET ====================== */ #sidebar { margin-bottom:50px; } #sidebar .sidebar-box { background:#fff; border-bottom:solid 1px #ddd; } #sidebar .sidebar-box .post-article{ background:none; border-bottom:none; } #sidebar .widget-box { margin:0 !important; padding:20px 40px; } #sidebar .widget-box:first-of-type{ padding-top:40px; } #sidebar .widget-box:last-of-type{ padding-bottom:40px; } /* START CALENDAR */ #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background:#ccc; color:#434343; } #wp-calendar a:hover { border:none; } #wp-calendar { background: #f3f3f3; width:100%; } #wp-calendar caption { text-transform:uppercase; margin:0 0 10px 0; text-align:left; } #wp-calendar th, #wp-calendar td { text-align: center; color:#333; padding:3px 6px; } #wp-calendar td a { display:block; text-align: center; color:#000; text-decoration:underline } #wp-calendar td#prev a, #wp-calendar td#prev a{ text-decoration:none; text-align:left; } #wp-calendar th{ font-weight:bold } tr:nth-child(2n+2) { background-color: #fafafa; } /* END CALENDAR */ /* START TAG CLOUD */ #header-box .tagcloud a, #top-box .tagcloud a, #bottom-box .tagcloud a, #footer-box .tagcloud a, #sidebar .tagcloud a { display: inline-block; padding: 4px 8px; text-align: center; color:#ddd; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; background:#3498db; color:#fff; border:none; margin:0 0 4px 0; } #header-box .tagcloud a:hover, #top-box .tagcloud a:hover, #bottom-box .tagcloud a:hover, #footer-box .tagcloud a:hover, #sidebar .tagcloud a:hover { color: #fff; background: #2980b9; } /* END TAG CLOUD */ /* ====================== END WIDGET ====================== */ /* SOCIAL ICONS */ #footer .socials { float:right; } #footer .socials a { display:inline-block; margin: 1px 0 0 5px; height:24px; width:24px; text-indent:-9999px; filter: none !important; } #footer .socials a:hover { opacity: 0.7; filter: alpha(opacity=70); border-bottom:none; } .tipsy { padding: 5px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../images/icons/tipsy.gif); } #footer a.facebook { background:url('../images/icons/social/facebook.png') no-repeat; } #footer a.flickr { background:url('../images/icons/social/flickr.png') no-repeat; } #footer a.google { background:url('../images/icons/social/google.png') no-repeat; } #footer a.linkedin { background:url('../images/icons/social/linkedin.png') no-repeat; } #footer a.myspace { background:url('../images/icons/social/myspace.png') no-repeat; } #footer a.pinterest { background:url('../images/icons/social/pinterest.png') no-repeat; } #footer a.rss { background:url('../images/icons/social/rss.png') no-repeat; } #footer a.skype { background:url('../images/icons/social/skype.png') no-repeat; } #footer a.tumblr { background:url('../images/icons/social/tumblr.png') no-repeat; } #footer a.twitter { background:url('../images/icons/social/twitter.png') no-repeat; } #footer a.vimeo { background:url('../images/icons/social/vimeo.png') no-repeat; } #footer a.youtube { background:url('../images/icons/social/youtube.png') no-repeat; } #footer a.email { background:url('../images/icons/social/email.png') no-repeat; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; margin-top:-4px; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* END SOCIAL ICONS */ /* PAGINATION */ .post-pagination { margin:45px 0 0 0; } .post-pagination a[rel="prev"] { float:left; text-align:left; } .post-pagination a[rel="next"] { float:right; text-align:right; } .wp-pagenavi, .wip-pagination { text-align: center; position:relative; margin-bottom:50px; } .wip-pagination { margin-top:50px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.current, .wip-pagination span { display:inline-block; padding:10px 12px; margin-bottom:0; line-height:21px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); background:#fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease } .wip-pagination a span { background:#fff; color:#333; } .wp-pagenavi a:hover, .wip-pagination span, .wip-pagination a span:hover, .wp-pagenavi span.current { color:#fff; background:#3498db; text-decoration:none; border-bottom:none; } @media screen and (min-width : 0px) and (max-width : 992px) { .products-list .title { text-align:center; } #top-box, #sidebar, #top-box .widget-box, #footer-box .post-article, .post-container, .masonry-container { margin-bottom:25px; } .header { height:auto; margin-top:0; } .col-md-4.cart-total { margin-top:25px; } #slogan { margin-top:-50px !important; margin-bottom:50px !important; } section.header-cart { display:none; visibility:hidden; float:none; margin:0 auto; border: solid 1px #616161; width: 40px; height: 40px; line-height: 40px; margin-bottom: 30px; padding:0; } #logo { text-align:center; } #slogan p { padding: 0 20px; } .main-content .post-container.col-md-8.left-sidebar, .main-content .post-container.col-md-8.right-sidebar, .post-article { margin-bottom:25px; } .main-content.blog { margin-top: 25px; margin-bottom: 25px; } .main-content { margin-top: 0; margin-bottom: 25px; } .post-article article.article { padding:20px; } #footer .copyright { margin:0; line-height:15px; text-align:center } #footer .socials { float:none; text-align:center } #footer .socials a { margin:10px 0; } .widget-box { padding:20px 0; } #top-box .widget-box { padding:0; } .row.copyright .col-md-5, .row.copyright .col-md-7{ padding:10px 20px; text-align:center; } .entry-info { width:auto; background:none; position:relative; } .entry-info i { line-height: 23px; position:absolute; left:0; margin:0; padding:0 } .entry-info span, .entry-info .entry-date, .entry-info .entry-comments, .entry-info .entry-audio, .entry-info .entry-video, .entry-info .entry-article, .entry-info .entry-standard, .entry-info .entry-gallery { display:block; text-align:center; width:inherit; padding:inherit; margin:5px auto; } nav#mainmenu { height:inherit; margin-bottom:25px; } nav#mainmenu ul.menu { visibility:hidden; display:none; } .tinynav { display: block; visibility:visible; width:90% !important; margin:auto; height: 50px; padding: 8px 10px; background: #fafafa; color: #333; } /* COMMENTS */ .children li { margin-left:0; } .comment-avatar img { margin-right:15px; } .comment-text { margin:0; float:none; border:none; padding:0; } #footer .widget { margin-right: inherit; } .col-md-8.left-sidebar, .col-md-8.right-sidebar { float:inherit; } #sidebar h3.title { margin:0 0 15px 0; } .row.masonry { margin-bottom:0; } ul.flex-direction-nav { visibility:hidden; display:none; } ul.filterable-grid li:last-child { margin-bottom:0px !important; } .contact-map { margin-top:25px; } .woocommerce-cart table.cart td.actions .coupon input.input-text , .woocommerce-cart table.cart td.actions .coupon .button { width:100% !important; float:none !important; } .woocommerce-cart table.cart td.actions .coupon .button { margin-top:20px; } .product-wrapper { margin-bottom: 25px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { text-align:center; line-height:25px } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; } .woocommerce-ordering select.orderby , .woocommerce .woocommerce-ordering .woocommerce-ordering select.orderby { margin-left:auto !important; margin-right:auto !important ; } } @media screen and (min-width : 768px) and (max-width : 979px) { nav#mainmenu ul li a { padding:35px 5px; } } @media screen and (min-width : 0px) and (max-width : 320px) { div.overlay-image.xsmall .overlay, div.overlay-image.xsmall .wp-post-image { width:140px; height:140px } div.overlay-image.small .overlay, div.overlay-image.small .wp-post-image, div.overlay-image.medium .overlay, div.overlay-image.medium .wp-post-image, div.overlay-image.large .overlay, div.overlay-image.large .wp-post-image { width:140px; height:100px } #searchform #searchsubmit { width:35%; } #searchform .input-search { width:60%; } } @media screen and (min-width : 321px) and (max-width : 479px) { div.overlay-image.medium .overlay, div.overlay-image.medium .wp-post-image, div.overlay-image.large .overlay, div.overlay-image.large .wp-post-image { width:211px; height:150px } } @media screen and (min-width : 0px) and (max-width : 479px) { .post-article h1.title { font-size:22px; } .post-article .quote blockquote p { font-size: 16px; } } @media screen and (min-width : 480px) and (max-width : 600px) { div.overlay-image.medium .overlay, div.overlay-image.medium .wp-post-image{ width:240px; height:171px } div.overlay-image.large .overlay, div.overlay-image.large .wp-post-image { width:300px; height:213px } }