/*

Theme Name: Certax London 

Theme URI: https://www.certaxlondon.co.uk

Description: The Certax London theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Certax London supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.

Author: the vServices team (Zeshan Haider)

Author URI: https://www.vservices.com

Version: 2.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header

Text Domain: twentyten

*/





/* =Reset default browser CSS. Based on work by Eric Meyer.

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}



/* =Layout

-------------------------------------------------------------- */



.form-control {

color:#fff;

}

.li svg {

    fill: #0077b5;

}

.navbar-nav > li > .dropdown-nav { position: absolute; width: 200px; left: 0; top: 100%;background: #FFF;padding: 20px 20px 20px 30px; font-size: 13px;box-shadow:3px 6px 6px rgba(0, 0, 0, 0.15);transition: all 0.3s ease 0s;visibility: hidden;opacity: 0;}

.navbar-nav > li > .dropdown-nav a {color:#6a6a6a;display: block;padding: 3px 0;}

.navbar-nav > li > .dropdown-nav a:hover {color:#E59F02}

.navbar-nav > li:hover > .dropdown-nav {visibility: visible;opacity: 1;}

.btn-gradient {
    position: relative;
    display: inline-block;
    width: 350px;
    max-width: 100%;
    padding: 16px;
    text-align: center;
    border-radius: 6px;
    border: 0;
    transition: 0.3s ease all;
    box-shadow: 0px 0px 35px 12px transparent;
    overflow: hidden;
    text-decoration: none !important;
    z-index: 2;
}

.btn-gradient:hover {
    box-shadow: 0px 0px 35px 12px rgba(78, 92, 163, 0.2);
}

.btn-gradient span {
    color: #fff;
    font-size: 20px;
    z-index: 1;
    position: relative;
}

.btn-gradient:after, .btn-gradient:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #15215a;
    background: linear-gradient(to right, #5261a8 0%, #15215a 100%);
}

.btn-gradient:after {
    opacity: 0;
    background: #5261a8;
    background: linear-gradient(to right, #15215a 0%, #5261a8 100%);
    transition: opacity.3s ease-in-out;
}

.btn-gradient:hover span {
    color: #fff;
}

.btn-gradient:hover:after {
    opacity: 1;
}

.header-top {
    background-color: #fff;
}

.header-top .tagline {
    font-family: Geogrotesque,Helvetica,Arial,sans-serif;
    font-size: 21px;
    line-height: 27px;
    color: #525252;
    text-transform: uppercase;
    margin: 12px 0 0 0;
}

.header-top .tagline .bold {
    color: #15215a;
    font-weight: 900;
}

.header-top .btn-gradient {
    border-radius: 0;
    display: block;
    margin: 0 auto;
}

.header-top .btn-gradient span {
    font-size: 16px;
}

.header-urls {
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

.header-urls li {
    vertical-align: middle;
    padding: 0 15px;
}

.header-urls li:not(:last-child) {
    border-right: 1px solid #e6e4e4;
}

.header-urls li img {
    width: 110px;
}

@media only screen and (max-width: 991px) {
    .header-urls {
        margin-bottom: 15px;
    }
}   
@media only screen and (max-width: 768px) {
    .header-top .tagline {
        text-align: center;
        margin: 0;
    }
    
    .header-top .btn-gradient {
        width: 100%;
        padding: 4px 0px;
    }

    .header-top .btn-blue-gradient span {
        font-size: 14px;
        font-weight: 600;
    }

    .header-urls {
        margin-top: 4px;
    }

    .header-urls li {
        margin-bottom: 5px;
        display: block;
        float: left;
        width: 33.3333%;
        padding: 4px;
    }

    .header-urls li img {
        max-width: 100%;
    }
}


@media only screen and (max-width: 480px) {
    .header-urls li {
        margin-bottom: 15px;
        display: block;
    }
    
    .header-urls li img {
        margin: 0 auto;
    }

    .header-urls li:not(:last-child) {
        border-right: transparent;
    }
}

.ul-style {
    list-style-type: disc;
}