/*=======================================================================
*** PORTO_SUB STYLE SHEET***

Everything in this file has been added for the Elliott Insurance website
New images related to this subtheme should be placed in ../img/custom
========================================================================*/

html, body {height:auto !important}
/* Font Overrides*/
body {font-family: "Roboto", Arial, sans-serif;}
.alt-text {font-family: "Nothing You Could Do",cursive !important;}


/* Header */
@media only screen {
    header {
        border:0px none;
        background: #FFFFFF; /* Old browsers */
        background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cccccc 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        /*overflow:hidden;
        position:relative;
        z-index:100;*/
    }
    body.sticky-menu-active header {
        background:white;
        overflow:visible;
    }
}

/* Logo children */
.logo_child_container {
    width: 0px;
    height: 0px;
    margin-left: 49%;
    position:relative;
    z-index:105;
}
.logo_child {
    width:102px;
    height:40px;
    display: block;
    position: absolute;
    background:url('/sites/all/modules/elliott/custom_styles/css/images/logo-children.jpg') no-repeat transparent;
    transition: all 0.2s;
    top:20px;
    left:-50px;

    -webkit-border-radius: 50px;
    border-radius: 50px;

    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.logo_child:hover{
    box-shadow: inset 3px 3px 2px rgba(0,0,0,0.2);
    margin-left: 2px;
    margin-top: 2px;
}
.sticky-menu-active .logo_child {
    display:none;
}
.logo_child_com {
    background-position: 0px -6px;
}
.logo_child_personal {
    background-position: -107px -6px;
}
.logo_child_online {
    background-position: -212px -6px;
}

/* Menu */
@media only screen {
    header .logo {
        width:200px;
        float:none;
        margin:15px 0px 15px 40%;
        z-index:110;
        box-shadow: 2px 2px 1px grey;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow:hidden;
    }
    body.sticky-menu-active header .logo {
        width:100px;
        margin: 40px 0px 0px 44%;
    }
    header nav {
        width:100%;
        position: absolute;
        top: 30px;
        float:none;
        padding: 24px 0px 10px;
        background:white;
        z-index:100;

        /*-moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);*/
        box-shadow: 4px 4px 10px grey;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    body.sticky-menu-active header nav {
        top:50px;
        padding:0px;
        box-shadow: none;
        background:none;
    }
    header nav > * {
        /*-moz-transform: skewX(20deg);
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);*/
    }
    nav ul.nav > li:first-child {
        margin-left:60px;
    }
    nav ul.nav > li:last-child {
        margin-right:80px;
    }
    nav ul.nav > li:nth-child(4), nav ul.nav li.iesucksmenuitem {
        margin-left: 220px;
    }
    nav ul.nav-main > li > a {
        margin:0px 18px;
    }
    nav ul.nav ul {
        left: 15px;
        top:96%;
    }
    nav ul ul ul {
        margin-left: 5px;
    }
    nav ul.nav li.dropdown:hover > a {
        padding-bottom: 8px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 1200px) {
    nav ul.nav ul {
        left: 5px;
        top:96%;
    }
    nav ul.nav > li:first-child {
        margin-left:20px;
    }
    nav ul.nav > li:last-child {
        margin-right:0px;
    }
    nav ul.nav > li:nth-child(4) {
        margin-left: 250px;
    }
    nav ul.nav li a {
        margin:0px 8px;
    }
}
@media only screen and (max-width: 980px) {
    body.sticky-menu-active header {
        height: 100px;
    }
    header{
        height:130px;
    }
    .logo_child_container {
        display:none;
    }
    nav ul.nav > li:first-child {
        margin-left:20px;
    }
    nav ul.nav > li:nth-child(4) {
        margin-left: 140px;
    }
    nav ul.nav li a {
        margin:0px 0px;
    }
    nav ul.nav ul {
        left:-3px;
    }
    body.sticky-menu-active header .logo{
        top:10px;
    }
    header .logo {
        left: 14px;
        top: 17px;
        width: 140px;
    }
}
@media only screen and (max-width: 767px) {
    header nav {
        box-shadow: none;
        padding: 0px;
        background:none;
    }
    header {
        height:180px;
    }
    .mobile-menu {
        margin-top:100px;
    }
	header .logo {
		left:0px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media only screen and (max-width: 480px) {
    .single-post-image li {
		margin-left:0px;
	}
}
/* Search */
#block-search-form {
    float: right;
    position: absolute;
    z-index: 101;
    top: 50px;
    right: 30px;
}
@media only screen and (max-width: 1200px) {
    #block-search-form{display:none;}
}
header #block-search-form input.form-text {
    width: 0px;
    color: transparent;
    background: #002A4C;
    opacity:0;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header #block-search-form #edit-actions {
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
header #block-search-form:hover input.form-text {
    width:80px;
    color:grey;
    background:white;
    opacity:1;
}
header #block-search-form:hover #edit-actions {
    -webkit-border-radius: 0px 14px 14px 0px;
    border-radius: 0px 14px 14px 0px;
}
body.sticky-menu-active #block-search-form{
    display:none;
}


/* Content */
section.page-top {
    background: url('../img/custom/header-bg.jpg') no-repeat center center #002E57 !important;
    border-top-color:rgba(43,173,224,0.2);
    border-bottom-color:rgba(43,173,224,0.2);
}
section.page-top h1 {
    border-bottom: 0px none;
}

/* Right sidebar */
#block-block-8 a {
    width: 100%;
    padding: 10px;
    float: left;
    margin: 2px;
    clear: both;
    background: #002C56;
    color: white;
    text-align: center;
	box-sizing: border-box;
}
#block-block-8 a.red {
	background:#C00000;
}

/* After Content */
a.more-testimonials {
    position:absolute;
    bottom:0px;
    right:75px;
    z-index:1;
}

.ass-slider {
    margin-top:60px;
}
.ass-slider:before {
    content: "We compare services from all these providers";
    position: absolute;
    color: white;
    background: rgba(0,46,87,1);
    padding: 1em 1em 0.7em 1em;
    margin-top: -3.3em;
    border-radius: 10px 10px 0px 0px;
}
.flex-direction-nav {
    display: none;
}

div.home-intro {
    margin:20px 0px 0px;
    box-shadow: 0px 10px 15px 5px #141414;
    z-index: 1;
}
body div.home-intro p em {
    color: #1fb7eb;
}
.hide-until-doc-load {display:none;}

/* Footer */

footer {
    background: #002E57;
    border-top:0px none;
    margin-top:0px;
}
footer h2{
    border-bottom: dotted 5px rgba(0,0,0,0.1);
    padding-bottom: 14px;
}
footer .social-icons a {
    width: 25%;
    display: block;
    float: left;
    text-align: center;
}
footer .social-icons a:hover {
    text-decoration: none;
}
div.footer-copyright {
    background: rgba(0,0,0,0.1);
    border-top:0px none;
}

/*
        Forms
*/
input, select, textarea {max-width:100%;}

/*
        Tooltip
*/

.tooltip .tooltip-inner{
    border:solid 1px #0064B6;
    background: white;
    color:black;
    box-shadow: 0px 0px 15px white;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #0064B4;
}

/* Generic padding */
.pad-all {padding:20px;}
.pad-top {padding-top:20px;}
.pad-right {padding-right:20px;}
.pad-bottom {padding-bottom:20px;}
.pad-left {padding-left:20px;}



.btn-elliott {
    background: url("../img/custom/header-bg.jpg") no-repeat scroll -400px -150px #002e57;
    color:white;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background 0.5s;
    border: inherit;
}
.btn.btn-elliott:hover, .btn.btn-elliott:focus{
    background-position: -200px 0px;
    color:#002e57;
    transition: background 2s;
}

/* IE Styles */
html.ie8 nav {margin-top:50px;}
html.ie8 div#block-search-form {display:none !important;}

.circular-bar {
    margin-bottom: 25px;
    min-height: 210px;
}

.circular-bar-content {
    margin-bottom: 70px;
    margin-top: -125px;
    text-align: center;
}

.steadfast-header {
    font-weight: 600;
    color: #002D56;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.steadfast-mini-header {
    color: #1d1d1d;

}

.steadfast-dropping-colours {
    color: #1FB7EB;
    line-height: 20px;
}

.arrow.vbl {
    background-position: 0 -144px;
    width: 47px;
    height: 96px;
}

div.footer-copyright p {
    color: #999999 !important;
    line-height: 1em;
}