/*
Theme Name:   Oxygen Child Theme
Theme URI:    http://oxygen.jarilo.co.uk/
Description: My Child Theme
Author:       Jarilo Design
Author URI:   http://jarilo.co.uk
Template:     oxygen
Version:      0.1
Text Domain:  oxygen
*/

@font-face { font-family: 'coolvetica'; font-style: normal; font-weight: 400; src: local('coolvetica'), url('fonts/coolvetica.woff') format('woff'); }

@import url("../oxygen/main.min.css");

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* Theme customization starts here-------------------------------------------------------------- */

body { border-top: solid 5px #282828; font-family: 'Roboto', sans-serif !important; font-size: 14px !important; }

.header { background: url('images/header.png'); min-height: 565px; text-align: right; background-size: cover; background-position: center center; }
.header img { margin: 0; display: inline-block; margin-top: 15px; }

body h1 { font-family: 'Open Sans', sans-serif; font-size: 40px; margin: 0; margin-bottom: 20px; font-weight: 800; letter-spacing: -2px; }
body h1 span { color: #febf12; }

.container p { font-family: 'Open Sans', sans-serif; }

.eBayChanges { padding-bottom: 30px; }

.eBayChanges .E { color: #fe0000; }
.eBayChanges .B { color: #016dde; }
.eBayChanges .A { color: #ffb902; }
.eBayChanges .Y { color: #86b817; }
.tagline { color: #22aebb; font-size: 17px; font-weight: 500; }

.eBayChanges img { margin: auto; margin-top: -50px; }

.what-were-doing { background: url('images/what-we-are-doing-chars.png'); min-height: 670px; text-align: right; background-size: cover; background-position: center center; }
.what-were-doing h1 { color: #fff; }
.what-were-doing .content { color: #fff; margin-top: 125px; text-align: right; }

.requestCallback { padding: 25px 0; background: #22aebb; }
.requestCallback h1 { color: #fff; margin: 0; }

.requestCallback .form-group { margin: 0; }
.requestCallback .form-control { border: none; border-radius: 50px; padding: 10px; margin-top: 8px; box-shadow: none; }
.requestCallback .btn { margin-top: 8px; display: block; width: 100%; border-radius: 50px; background: #febf12; border: none; padding: 7px; text-shadow: none; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.requestCallback .alert { margin-top: 10px; margin-bottom: 0; }

.beAffected { padding-bottom: 30px; }
.beAffected .content { margin-top: -50px; }
.beAffected a { display: inline-block; background: #febf12; margin: auto; box-shadow: 0px 5px 0px 0px #d5a00d; border-radius: 15px; padding: 20px 35px; text-transform: uppercase; font-weight: bold; text-shadow: none; border: none; margin-top: 30px !important; font-size: 18px; }
.beAffected a:hover { background: #e0a80e; }

.whatsincludedlist li {margin: 19px 10px 22px 0px; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 800; color: #333; } 

.slider:after, .slider:before { position: absolute; display: block; content: ""; width: 150px; height: 100%; top: 0; z-index: 999; }
.slider:after { right: 0;
background: -moz-linear-gradient(right,  rgba(34,174,187,1) 0%, rgba(34,174,187,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right,  rgba(34,174,187,1) 0%,rgba(34,174,187,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left,  rgba(34,174,187,1) 0%,rgba(34,174,187,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22aebb', endColorstr='#0022aebb',GradientType=1 ); /* IE6-9 */

}
.slider:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22aebb+0,22aebb+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(34,174,187,1) 0%, rgba(34,174,187,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(34,174,187,1) 0%,rgba(34,174,187,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(34,174,187,1) 0%,rgba(34,174,187,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22aebb', endColorstr='#0022aebb',GradientType=1 ); /* IE6-9 */
 left: 0; }


.slick-current { position: relative !important; z-index: 9999 !important;  }
.slick-list { overflow-x: hidden; min-height: 360px; }
.viewworktitle { float: right; top: 27px; right: 10px; }
body footer { margin: 0; padding: 50px 0; background: #2a2a2a; border: none; }
body footer h1 { color: #fff; }
.footerContact { margin: 0; }
.footerContact li { padding-left: 60px; position: relative; margin-bottom: 20px; margin-right: 20px; }
.footerContact li i { position: absolute; left: 0; width: 50px; height: 50px; background: #febf12; color: #333; text-align: center; line-height: 50px; border-radius: 50%; font-size: 21px; }
.footerContact li h2 { font-size: 24px; margin: 0; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 800; }
.footerContact li h2 span { color: #febf12; }
.footerContact li em { font-size: 21px; font-style: normal; font-weight: bold; }

footer .btn { display: inline-block; background: #22aebb; margin: auto; box-shadow: 0px 5px 0px 0px #1a8c96; border-radius: 15px; padding: 20px 35px; text-transform: uppercase; font-weight: bold; text-shadow: none; border: none; margin-top: 60px !important; font-size: 18px; }


.modals .modal-content { background: #22aebb; border-radius: 0; border: none; top: 50px; color: #fff; }
.modals .modal-header { border: none; }
.modals .modal-header h4 { color: #fff; }
.modals .modal-header .close { color: #fff; opacity: 1; }

.modals .modal-content .form-group { margin: 0; }
.modals .modal-content .form-control { border: none; border-radius: 50px; padding: 15px; margin-top: 8px; height: auto; box-shadow: none; }
.modals .modal-content .btn { margin-top: 8px; display: block; width: 100%; border-radius: 50px; background: #febf12; border: none; padding: 7px; text-shadow: none; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.modals .modal-content .alert { margin-top: 10px; margin-bottom: 0; }
.modals .modal-content .wpcf7-textarea { border-radius: 15px; }

.credits { background: #212121; text-align: center; font-size: 10px; padding: 10px 0; color: #636363; font-family: 'Open Sans', sans-serif; }
.credits p { margin: 0; }
.logopoint { display: inline-flex; width: 1150px; }
.logopoint li { list-style: none !important; position: relative; padding-bottom: 10px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 800; padding: 0px 60px 0px 30px;}
.logopoint li:before { content: " "; display:block; width: 48px; height: 48px; background-image: url('images/tick.png'); position: absolute; left: -30px; }

@media (max-width: 425px) {
	.header { background: #22aebb; min-height: 0; padding: 20px 0; }
	.header img { margin: 0; }
	.eBayChanges { padding: 30px 0; }
	.what-were-doing { background-position-x: -405px; background-color: #22aebb; background-position-y: top; background-size: initial; background-repeat: no-repeat; }
	.what-were-doing .content { text-align: center; margin-top: 190px; }
	.beAffected { padding: 30px 0; }
	.beAffected .content { margin: 0; }
	footer .btn { width: 100%; display: block; margin-top: 20px !important; }
}