/* Theme Name: Greyhound Child Description: Greyhound Theme Template: cubez Version: 1.0 Author: You Author URI: http://greyhound.ae Text Domain: greyhound-child */ /*** Font Greyhound Theme ***/ @font-face {font-family: 'HelveticaNeue-Bold'; src: url('fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');} @font-face {font-family: 'HelveticaInseratLTStd-Roman'; src: url('fonts/HelveticaInseratLTStd-Roman/HelveticaInseratLTStd-Roman.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaInseratLTStd-Roman/HelveticaInseratLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaInseratLTStd-Roman/HelveticaInseratLTStd-Roman.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaInseratLTStd-Roman/HelveticaInseratLTStd-Roman.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaInseratLTStd-Roman/HelveticaInseratLTStd-Roman.svg#HelveticaInseratLTStd-Roman') format('svg');} @font-face {font-family: 'HelveticaNeue-Light'; src: url('fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-Light/HelveticaNeue-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-Light/HelveticaNeue-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-Light/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');} @font-face {font-family: 'HelveticaNeue-Medium'; src: url('fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');} @font-face {font-family: 'HelveticaNeue-Thin'; src: url('fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');} @font-face {font-family: 'HelveticaNeue-BoldItalic'; src: url('fonts/HelveticaNeue-BoldItalic/HelveticaNeue-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-BoldItalic/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-BoldItalic/HelveticaNeue-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-BoldItalic/HelveticaNeue-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-BoldItalic/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');} @font-face {font-family: 'HelveticaNeue-CondensedBlack'; src: url('fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.svg#HelveticaNeue-CondensedBlack') format('svg');} @font-face {font-family: 'HelveticaNeue-Italic'; src: url('fonts/HelveticaNeue-Italic/HelveticaNeue-Italic.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-Italic/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-Italic/HelveticaNeue-Italic.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-Italic/HelveticaNeue-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-Italic/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');} @font-face {font-family: 'HelveticaNeue-LightItalic'; src: url('fonts/HelveticaNeue-LightItalic/HelveticaNeue-LightItalic.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-LightItalic/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-LightItalic/HelveticaNeue-LightItalic.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-LightItalic/HelveticaNeue-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-LightItalic/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');} @font-face {font-family: 'HelveticaNeue-UltraLight'; src: url('fonts/HelveticaNeue-UltraLight/HelveticaNeue-UltraLight.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-UltraLight/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-UltraLight/HelveticaNeue-UltraLight.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-UltraLight/HelveticaNeue-UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-UltraLight/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');} @font-face {font-family: 'HelveticaNeue-UltraLightItalic'; src: url('fonts/HelveticaNeue-UltraLightItalic/HelveticaNeue-UltraLightItalic.eot'); /* IE9 Compat Modes */ src: url('fonts/HelveticaNeue-UltraLightItalic/HelveticaNeue-UltraLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/HelveticaNeue-UltraLightItalic/HelveticaNeue-UltraLightItalic.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/HelveticaNeue-UltraLightItalic/HelveticaNeue-UltraLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/HelveticaNeue-UltraLightItalic/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');} @font-face {font-family: 'Museo100-Regular'; src: url('fonts/Museo100-Regular/Museo100-Regular.eot'); /* IE9 Compat Modes */ src: url('fonts/Museo100-Regular/Museo100-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Museo100-Regular/Museo100-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/Museo100-Regular/Museo100-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Museo100-Regular/Museo100-Regular.svg#Museo100-Regular') format('svg');} /*** End Font Greyhound Theme ***/ html,body{ font-family: 'HelveticaNeue-Light' ; background-color: #1c1c1c; } h1, h2, h3, h4, h5, h6, nav > ul > li > a, .hero-title, #search-field, .entry-meta li a, .post-title, .blog-numbers, .comment-head, #filters li a, .item-title, .nav-title, .nav-project-title, .clapat-button, .submit-box input[type="submit"], .slide-item-title { font-family: 'HelveticaInseratLTStd-Roman' !important; } h2 { font-size: 48px; line-height: normal; margin-left: 0; } h3 { font-size: 36px; line-height: normal; } #filters li a {text-transform: uppercase; letter-spacing: 1px;} .light-content p { color: #999999; font-size:21px; font-family: 'HelveticaNeue-light'; } .socials-text li a,[data-tooltip]::before, nav > ul > li > a { font-weight: 100; text-transform: uppercase; letter-spacing: 2px; } .item-content.light-content .item-title {color:#00C4B3;font-size: 36px; text-transform: uppercase;} .item-content.light-content .item-case,.item-content.light-content .item-cat {font-family: 'HelveticaNeue-UltraLight';font-size: 18px;} #Title-Greyhound h3 {color:#00C4B3 !important;font-family: 'HelveticaNeue-CondensedBlack';font-size: 60px; margin-bottom: 40px;} #Title-Greyhound h3 strong{color:#ffffff;} #Title-Greyhound p{font-family: 'Museo100-Regular';font-size:18px;} .footer-info {font-size: 12px;font-family:'HelveticaNeue-Light'; line-height: 17px;} .footer-info a {color:#00C4B3} .footer-info a:hover {color:#ffffff} ul#whatWeDoList {list-style:none;margin:0px;} #whatWeDoList li{color: #999999;font-family: 'HelveticaNeue-Medium';font-size:24px;} #menu-burger span {background-color: rgb(0, 196, 179);} #btn-slider {border-color:rgb(0, 196, 179) !important;} .contact-us-first-block h2 {font-family: 'HelveticaNeue-CondensedBlack';} .contact-us-first-block p {font-family: 'Museo100-Regular';font-size:18px;} #contact-formular input,#contact-formular textarea {font-family: 'HelveticaNeue-LightItalic';font-size:16px !important;letter-spacing: 1px;} #contact-formular .contact-formular-btn { border: solid 1px #00C4B3; background: transparent; border-radius: 0px; font-family: inherit; font-size: 12px !important; } #contactUsFooter .clapat-icon i { font-size: 18px; border: solid 1px #00C4B3; padding: 13px; color: #00C4B3; border-radius: 50%; width: 20px; height: 20px; } #contactUsFooter h6 { font-family: 'HelveticaNeue-thin' !important; color: #b3b3b3 !important; line-height: 26px; } .contact-us-second-block {text-align:center;} .contact-us-second-block h3 { font-size: 36px; text-transform: uppercase; margin-bottom: 30px;} input[type="submit"] { font-family: HelveticaNeue-Light; font-size: 17px; background: transparent; letter-spacing: 3px; padding: 0px; margin-left:4px; } .copyright span { color: #00C4B3; font-size: 16px; margin-right: 3px; margin-left: 6px; } .copyright a{color:#999999} .item-content.light-content .svg-circle { display:none; } div.wpcf7-mail-sent-ok { color: #00c4b3; border: 2px solid transparent; } [data-tooltip][data-placement=top]:hover::before { transform: translateX(130px) translateY(-175px) rotate(-90deg); } [data-tooltip][data-placement=top]::before {top: 100%;} #filters li a span {top:18px;} /*-------------------------------------------------- 1. Home Page ---------------------------------------------------*/ .item-image { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); -webkit-transition: .6s ease-in-out; transition: .6s ease-in-out; } .item:hover .item-image { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .item:first-child .item-title::after{content: "";} .item:nth-child(2) .item-title::after,.item:nth-child(3) .item-title::after { content: "New"; font-family: inherit; font-size: 10px!important; position: absolute; font-weight: 400; margin-left: 10px; color: #fff; } /*-------------------------------------------------- 14. Button Slider ---------------------------------------------------*/ .svg-wrapper { height: 60px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); width: 313px; margin-top: 50px; } .shape { fill: transparent; stroke-dasharray: 140 540; stroke-dashoffset: -474; stroke-width: 8px; stroke: #19f6e8; } .text { color: #fff; letter-spacing: 8px; line-height: 32px; position: relative; top: -50px; height: 20px; } @keyframes draw { 0% { stroke-dasharray: 140 540; stroke-dashoffset: -474; stroke-width: 8px; } 100% { stroke-dasharray: 760; stroke-dashoffset: 0; stroke-width: 2px; } } .svg-wrapper:hover .shape { -webkit-animation: 0.5s draw linear forwards; animation: 0.5s draw linear forwards; } #filters li {margin:2px 35px;} /*-------------------------------------------------- 14. Our Clients Page ---------------------------------------------------*/ .our-clients-page-desc,.our-clients-page-title { text-align:center; } .grayscale{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */ } .grayscale:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; } .light-content .input_label { background-color: #19f6e8; } .war_soundy_audio_control { width: 24px !important; height: 24px !important; z-index: 9 !important; } .light-content #project-nav .nav-title, .light-content.color-content #project-nav .nav-title, .light-content #project-nav .nav-project-title, .light-content.color-content #project-nav .nav-project-title { color: #00c4b3; } #project-nav .nav-title { font-size: 48px; } .ui-widget-header { background: #151515;} .ui-corner-all {border-radius:0px !important;} .ui-widget-content { border: none !important; background: #00c4b3;} .youtubeVimeoWithPlaylist.default .slider-vertical.ui-slider .ui-slider-handle { background: #c5c5c5 !important;} .wpcf7-form label.error { color: inherit; float: left; } div.wpcf7 .ajax-loader { visibility: hidden; display: block; background-image: url(ajax-loader.gif); width: 47px; height: 47px; border: none; padding: 0; margin: 30px auto; vertical-align: middle; text-align: center; } @media only screen and (min-width: 1920px) { #page-action-holder {bottom:115px;} } /*-------------------------------------------------- Tablet ---------------------------------------------------*/ @media only screen and (max-width: 1024px) { #page-action-holder { bottom: 100px; } } @media only screen and (max-width: 768px) { #page-action-holder { bottom: 105px; } [data-tooltip]::after, [data-tooltip]::before { opacity:1; transform: translateX(130px) translateY(-175px) rotate(-90deg) !important; } /*[data-tooltip][data-placement=top]::before { transform: translateX(130px) translateY(-175px) rotate(-90deg); }*/ } /*-------------------------------------------------- Phone ---------------------------------------------------*/ @media only screen and (max-width: 450px) { #page-action-holder { bottom: 0;} .copyright span {display:none;} .copyright a {display:block;} #socials-holder { margin-bottom:0px; } } .hide { display: none; } .rs-svg:hover path { fill: rgb(0, 196, 179) !important; } #contactForm .wpcf7-submit { margin: 0; width: 100%; text-align: center; position: relative; top: -15px; }