/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the skateboard Template. You can edit/add anything in this file!
*/
 
h1, h2, h3, h4, h5, h6 { font-family: 'Permanent Marker', cursive; }

h2 { font-size: 40px; line-height: 40px; font-weight: 300;}

.button { border-radius: 3px; }
.mega-menu .menu-logo img { height: 80px; }

.bg-top-before, .bg-bottom-before { position: relative; }
.bg-top-before:before { background-image: url(../../../demo-categories/skateboard/images/bg-02.png); top: 0; background-repeat: no-repeat;  content: ""; position: absolute; height: 110px; width: 100%; }
.bg-bottom-before:before { background-image: url(../../../demo-categories/skateboard/images/bg.png); bottom: 0; background-repeat: no-repeat;  content: ""; position: absolute; height: 110px; width: 100%; }

/*banner */
.skateboard-banner .container, .skateboard-banner .row { height: 100%; }
.skateboard-banner .slider-content-image {  position: absolute; bottom: -50px; }
.skateboard-banner .slider-content-text { z-index: 5; display: inline-block;  position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);  }
.skateboard-banner h1 { font-size: 130px; line-height: 130px; }
 
/*architecture-about*/
.skateboard-about h2 { font-size: 50px; line-height: 60px;  }
.skateboard-about .about-image { width: 100%; position: relative; height: 430px; }
.skateboard-about .about-image-01 { background-size: cover; display: table-cell; width: 30%;  height: 440px; margin-top: 20px; position: absolute; right: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.skateboard-about .about-image-02 {background-size: cover; display: table-cell; width: 70%; height: 480px; position: absolute; left: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.skateboard-about .about-image .about-image-01:hover { width: 70%; height: 480px; margin-top: 0; }
.skateboard-about .about-image .about-image-01:hover + .about-image-02 { width: 30%; height: 440px; margin-top: 20px; }

.skateboard-about .bg-top-before:before  { top: 80px; z-index: 9; }

/*skateboard gallery*/
.skateboard-gallery { padding-top: 130px; }
.skateboard-gallery .section-title h2 { font-size: 48px; line-height: 60px; }
.skateboard-gallery { position: relative; }
.skateboard-gallery .skateboard-gallery-top {  position: relative; }
.skateboard-gallery .owl-carousel { position: relative;  bottom: -40px; }
.skateboard-gallery .owl-carousel .owl-nav i { background: #ffffff !important; color: #323232 !important; }

/*skateboard-box*/
.skateboard-box { padding: 30px 30px 30px 0px; position: relative; }
.skateboard-box h2 { display: block;  font-size: 44px;}
.skateboard-box strong { display: block;  font-size: 20px;}
.skateboard-box .skateboard-box-image { position: absolute; bottom: 0; }
.skateboard-box .skateboard-box-content { padding-left: 150px; position: relative; z-index: 1; }


/*skateboard-product*/
.skateboard-product { padding-top: 200px; }
.skateboard-product .product-item { text-align: center; position: relative;  }
.skateboard-product .product-item .product-title a { font-size: 18px; font-weight: 500; margin: 20px 0px 10px; display: block; }
.skateboard-product .product-item .product-price del { background: transparent; color: #323232; font-size: 13px; }
.skateboard-product .product-item .product-price ins { text-decoration: none; font-size: 16px; font-weight: bold; }
.skateboard-product .product-item .product-rating { margin-bottom: 10px; }
.skateboard-product .product-item .product-rating i { color: #353535; }


/*skateboard-video*/
.skateboard-video .js-video { position: relative; margin-bottom: -100px; }
.footer-widget { border-top: 0; }