/*
Theme Name: Lord Roofing
Theme URI: https://www.espressoweb.co.uk
Description: Lord Roofing child theme.
Author: Espresso Web
Author URI: https://www.espressoweb.co.uk
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

#site-logo-inner {
    text-align: left;
}

#footer-widgets {
    display: none !important;
}


.social-menu-inner.clr {
    text-align: right !important;
}

.footer-images {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-images img {
    width: 100px;
    height: 100%;
    margin-left: 15px !important;
    margin-right: 15px !important;
    padding: 5px !important;
}

.header-button {
    background: #fedd33;
    padding: 15px 40px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-left: 15px;
}

.header-contact-details {
    text-align: right;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header-ctas {
  padding: 0;
}

.call-today {
    color: #fff !important;
    margin-right: 20px;
    font-size: 1.25em;
    margin-bottom: 0;
}
.contact-num {
  font-weight: 900;
  color: #fff !important;
}

#call-us-today {
    background: url(https://espressodev.uk/lord-roofing/wp-content/uploads/2018/10/gold-banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    color: #000 !important;
    line-height: 2.5em;
    margin: 0;
    padding: 1px;
}

.header-contact-details p, .header-contact-details a {
  color: #fff !important;
}

#header-free-quote {
    background-color: #ffdd33;
    color: #000;
}

#site-header.medium-header .top-header-inner{
  align-items: stretch;
}

#site-header.medium-header .top-header-inner .oceanwp-social-menu, #site-header.medium-header .top-header-inner .social-menu-inner{
  height: 100% !important;
}

#header-free-quote, #visit-national-site {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border: none;
  padding: 1% 5%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.4em;
  font-weight: 700;
}

#visit-national-site {
    background-color: #f2f2f2;
    color: #191919 !important;
}

#site-header.medium-header .top-header-wrap {
  padding: 0px !important;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;