/*
Theme Name: AutoDrain Portugal
Theme URI: 
Description: Portuguese Theme Based on Main AutoDrain Theme
Author: Steve Smith 
Author URI: http://sourmashinternet.co.uk/
Template: autodrain
Version: 1.0
*/


/**********************/
/* PRIMARY NAVIGATION */
/**********************/

/*Justify the menu across the available width for all devices except phones*/

/*@media (min-width: 768px) {

    #menu-navigation li {
        vertical-align: middle;
    } 
}*/

@media (min-width: 768px) and (max-width: 991px) {

    #menu-navigation li a {
        font-size: 14px;
        margin: 0px 5px;
    }
}

/*@media (max-width: 767px) {
.product-cta.call p, .cta-small {
    font-size:13px;
}
}*/

/***************************/
/* SECOND LEVEL NAVIGATION */
/***************************/

#secondary-navigation-container {
    width:100%;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 991px) {

    #secondary-navigation-container {
        font-size: 12px;
        line-height: 16px
    }
}

ul.secondary-navbar { 
    list-style:none;
    padding:0;
    margin:0;
}

ul.secondary-navbar li {
    width:100%;
    display:inline-table;
    width:100%;
    height:66px;
    margin-bottom:5px; 
}

/*Make sure the last list item has no margin bottom*/
ul.secondary-navbar > li:last-child {
    margin-bottom: 0px;
}   
    
ul.secondary-navbar li a {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:66px;
    color: #333;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    text-decoration:none;
}

@media (min-width: 768px) and (max-width: 991px) {

   ul.secondary-navbar li a {
        padding-left: 10px;
    }
}

ul.secondary-navbar li a:hover {
    color: #fff;
    text-decoration: none
    }



/*Depollution*/

ul.secondary-navbar li.depollution a {
    background:none;

}

ul.secondary-navbar li.depollution a:hover {
     background:none;
}

ul.secondary-navbar li.depollution.current-menu-item a {
    background:none;
}

/*Fuel*/

ul.secondary-navbar li.fuel a {
    background:none;
}

ul.secondary-navbar li.fuel a:hover {
     background:none;
}

ul.secondary-navbar li.fuel.current-menu-item a {
    background:none;
    color: #fff;
}

/*Service*/

ul.secondary-navbar li.service a {
     background:none;
}

ul.secondary-navbar li.service a:hover {
    background:none;
}

ul.secondary-navbar li.service.current-menu-item a {
     background:none;
    color: #fff;
}

/*Design*/

ul.secondary-navbar li.design a {
     background:none;
}

ul.secondary-navbar li.design a:hover {
     background:none;
}

ul.secondary-navbar li.design.current-menu-item a {
     background:none;
    color: #fff;
}

/*Training*/

ul.secondary-navbar li.training a {
    background:none;
}

ul.secondary-navbar li.training a:hover {
     background:none;
}

ul.secondary-navbar li.training.current-menu-item a {
    background:none;
    color: #fff;
}

ul.secondary-navbar li a {
    background-image: linear-gradient(#ff0 60%,#aaa) !important;
}

ul.secondary-navbar li a:hover{
background-image: linear-gradient(#007038 60%,#aaa) !important;
}

ul.secondary-navbar li.current-menu-item a {
     background-image: linear-gradient(#007038 60%,#aaa) !important;
    color: #fff;
}

/*******************************/
/* END SECOND LEVEL NAVIGATION */
/*******************************/

/**************************/
/* THIRD LEVEL NAVIGATION */
/**************************/

/* NOTES FOR DIFFERENT LANGUAGES
Text size should be updated to maximize the size in the given language*/

#third-navigation-container {
    width:100%;
    font-style: italic
}

@media (min-width: 768px) and (max-width: 991px) {

    #third-navigation-container {
        font-size: 12px;
    }
}

ul.third-navbar { 
    list-style: none;
    padding:0;
    margin:0 0 0 0; }

ul.third-navbar li {
    width:100%;
    display:inline-table;
    height:50px;
    margin-bottom:5px;
}

ul.third-navbar > li:last-child {
    /*Make sure the last list item has no margin bottom*/
    margin-bottom: 0px;
}   
    
ul.third-navbar li a {
    display:block;
    padding-top: 8px;
    padding-bottom: 8px;
    /*vertical-align:middle;*/
    height:auto;
    color: #333;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration:none;

    }

@media (min-width: 768px) and (max-width: 991px) {

    #third-navigation-container {
        font-size: 12px;
    }

    ul.third-navbar li a {
    padding-left: 10px;
    }

}

ul.third-navbar li a:first-line {
    font-style: normal;
}

@media (min-width: 768px) and (max-width: 991px) {

    #third-navigation-container {
        font-size: 14px;
    }

    ul.third-navbar li a:first-line {
    font-style: normal;
    font-size:14px;
    }   
}

ul.third-navbar li a:hover {
    height:auto;
    color: #fff;
}

/*Misfuels*/

ul.third-navbar li.misfuels a {
    background:none;
}

ul.third-navbar li.misfuels a:hover {
    background:none;
}

ul.third-navbar li.misfuels.current-menu-item a {
    background:none;
    color: #fff;
}

/*Vehicle Hire*/

ul.third-navbar li.vehicle-hire a {
    background:none;
}

ul.third-navbar li.vehicle-hire a:hover {
    background:none;
}

ul.third-navbar li.vehicle-hire.current-menu-item a {
    background:none;
    color: #fff;
}

/*Rail Industry*/

ul.third-navbar li.rail-industry a {
    background:none;
}

ul.third-navbar li.rail-industry a:hover {
    background:none;
}

ul.third-navbar li.rail-industry.current-menu-item a {
    background:none;
    color: #fff;
}

ul.third-navbar li a {
    background-image: linear-gradient(#ff0 60%,#aaa) !important;
}

ul.third-navbar li a:hover{
background-image: linear-gradient(#007038 60%,#aaa) !important;
}

ul.third-navbar li.current-menu-item a {
     background-image: linear-gradient(#007038 60%,#aaa) !important;
    color: #fff;
}


.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
	height: 0;

}

.video-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

}

p.header-links-small {
    font-size:14px;
}

@media (min-width: 478px) and (max-width: 991px) {

    .header-text {
        padding-right: 20px;
    }
}

@media (min-width: 478px) {

	p.header-links-small {
	    font-size:18px;
	}

}