/*
Theme Name: Custom Clone Theme
Theme URI: http://www.wdc.me
Description: Custom Clone Theme
Version: 1.0
Author: Stefan Vasiljevic
Author URI: http://www.elance.com/s/stefanue/
*/

@import "css/style.css";
@import "css/font-awesome.css";

@font-face {
	font-family: 'Swiss 721 W01 Light';
		src: url('css/fonts/swiss-721-light-webfont.eot');
		src: url('css/fonts/swiss-721-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/swiss-721-light-webfont.woff') format('woff'),
		url('css/fonts/swiss-721-light-webfont.ttf') format('truetype'),
		url('css/fonts/swiss-721-light-webfont.svg#swis721_lt_btlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'BankGothic Md BT';
    src: url('css/fonts/BankGothicBT-Medium.eot');
    src: url('css/fonts/BankGothicBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/BankGothicBT-Medium.woff') format('woff'),
        url('css/fonts/BankGothicBT-Medium.ttf') format('truetype'),
        url('css/fonts/BankGothicBT-Medium.svg#BankGothicBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

.swiper-arrow.arrow-right {
    background: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");
    background-repeat: no-repeat; 
}
	
.swiper-arrow.arrow-left {
    background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");
    background-repeat: no-repeat; 
}

.ross-home-slider {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 30%;
    text-align: center;
}
.ross-slide-item h1 {
    font-size: 55px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 25px;
    text-transform: uppercase;
}
h1.white-text {
    color: #fff;
    margin-right: -400px;
}
h1.black-text {
    margin-left: -400px;
}
#grid .colour-image {
	opacity: 1;
}
div#map-wrapper img {
    background-size: cover;
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    
    #side-panel-toggle {
        padding: 0 !important;
        width: 45px;
        height: 35px;
        text-align: center;
          right: 87vw !important;
          top: 35vh;
          background: rgba(255, 255, 255, 0.2) !important;
          -webkit-transition: all 0.8s ease 0s;
      -o-transition: all 0.8s ease 0s;
      transition: all 0.8s ease 0s;
    }

        #side-panel-toggle.open {
          right: 10px !important;
        top: 35vh;
    }

    #side-panel-toggle .icon {
        background-image: url(http://rossingtonarchitecture.com/wp-content/uploads/2018/08/next_w.png) !important;
        background-size: contain !important;
          background-position: center center !important;
        width: 40px !important;
        height: 30px !important;
          margin-top: 3px;
    }

    #side-panel-toggle.open .icon {
        background-image: url(http://rossingtonarchitecture.com/wp-content/uploads/2018/08/back_w.png) !important;
    }
	
	
}