/*
Theme Name: Everyday Mortgages
Theme URI: https://www.echowebsolutions.co.uk
Template: visual-composer-starter-1.3
Author: Echo Web Solutions
Author URI: https://www.echowebsolutions.co.uk
Description: A custom theme created for Everyday Mortgages.
Version: 1.0

*/

body, html {
    overflow-x: hidden;
}

h1, h2, h3 {
    font-family: Roboto Slab!Important;
}


/**************
   * HEADER *
***************/

body:not(.menu-sandwich) #main-menu>ul>li>a {
    font-size: 17px;
}

body:not(.menu-sandwich) #main-menu ul li ul li a {
    font-family: Roboto Slab;
    font-size: 17px;
}

.content-wrapper {
    padding: 0 15px;
}

.topbar {
    background: #72bee8;
    color: white;
    padding: 12px 0 5px;
	font-size: 21px;
}

.topbar a {
	color: white;
}

.topbar a:hover {
	color: #29368C;
	text-decoration: none;
}

.topbar .top-contact .mail {
	margin-left: 20px;
}

.top-reviews {
	text-align: right;
  display: flex;
    justify-content: flex-end;

}


.google-logo img {
    width: 175px;
    background: white;
    padding: 7px 6px;
    border-radius: 5px;
}

.google-logo {
  display: inline-block;
}

.navbar-brand img {
	width: 80%;
}

.navbar-wrapper {
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.owl-wrapper-outer {
    min-height: 650px;
}

@media only screen and (min-width: 768px) {
body:not(.menu-sandwich) #main-menu {
    margin-left: 0;
	}
}

/**************
   * MAIN *
***************/

.tp-caption div {
	text-align: center!important;
}

.main-content {
    padding-bottom: 0;
}

#home-main h1 {
    text-shadow: 1px 2px 2px #3e5464;
}

#home-main p {
	text-shadow: 0px 2px 6px #303030;
}

.contact-link button {
	background: #72bee8;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 15px 20px;
    width: 50%;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 5px solid #5b9cc0;
	 font-family: Roboto Slab;

}

.contact-link button:hover {
	background: #5b9cc0;
    color: #FFF;
	border-bottom: 5px solid #72bee8;
}

.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;

}

.one-half { width: 48%; }
.one-third { width: 30.66%; }

.last {
    margin-right: 0 !important;
    clear: right;
}

.popmake-2797 {
    color: white;
    border: 0;
    border-radius: 0;
    padding: 20px 50px;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #72bee8;
    background: -webkit-linear-gradient(left, #72bee8 , #3eabe8);
    background: -o-linear-gradient(right, #72bee8 , #3eabe8);
    background: -moz-linear-gradient(right, #72bee8 , #3eabe8);
    background: linear-gradient(to right, #72bee8 , #3eabe8);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.chat-box .vc_column-inner {
	margin-top: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-shadow: 0 0 11px 4px #0000002e
}

.service-home .wpb_wrapper {
    background: whitesmoke;
}

.service-holder {
    background: whitesmoke;
    box-shadow: 0px 1px 7px 0px #00000052;
}

.owl-wrapper-outer {
    padding: 20px 0;
}

.service-holder {
    margin: 20px;
    padding: 25px!important;
}

#carousel-anything-2 .owl-wrapper-outer {
    min-height: 50px;
}

#carousel-anything-2 .owl-item p {
    font-size: 22px;
    text-align: center;
    font-style: italic;
    font-weight: 300;
    color: #fff;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    background-color: #27328e!important;
    color: white;
    padding: 50px;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #28328d!important;
    color: #fff!important;
}

.list-home li {
    font-size: 19px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    font-weight: 300;
    padding-top: 20px;
    background: whitesmoke;
    border: 1px solid #d8d8d8;
}

.monthly-payment span {
	display: none;
}

.monthly-payment #mcPayment {
	display: inherit;
}

.page-title-text {
	color: #28338e;
    font-size: 25px;
    text-transform: uppercase;
}

.page-intro p {
    text-align: center;
    font-size: 20px;
    color: #28338e;
}

.side-box {
	background: whitesmoke;
    padding: 30px;
    box-shadow: 0 0 10px 2px #00000026;
}

.gform_wrapper#gform_wrapper_2 {
    margin-top: -15px;
}

#gform_wrapper_2 input {
    background: whitesmoke;
    height: 40px;
    border: 1px solid gainsboro;
}

#gform_wrapper_2 textarea {
    background: whitesmoke;
    height: 120px;
    border: 1px solid gainsboro;
}

#gform_submit_button_2 {
    background: #72bee8!important;
    border-radius: 0;
    border: 0;
    color: #33566a;
    padding: 15px 20px;
    width: 50%;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 5px solid #5b9cc0!important;
    float: right;
    margin-bottom: 50px;
    margin-right: 15px;
    height: auto!important;
}

.contact-link.side button {
    background: #72bee8;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 15px 20px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 5px solid #5b9cc0;
    width: 100%;
    font-family: Roboto Slab;

}

.single-post .fade-in-img {
    width: 500px;
    box-shadow: 0 0 3px 2px #00000020;
    margin: 50px auto;
}

.entry-full-content .entry-author-data {
    display: none;
}

.single-post .entry-full-content .col-md-2 {
	width: 100%;
}

.nav-links.post-navigation {
    margin-bottom: 50px;
}

.comments-area .form-submit input[type=submit], .blue-button {
    background-color: #72bee8!important;
    border-radius: 0;
    border: 0;
    color: #33566a!important;
    padding: 15px 20px;
    margin: 0 auto;
    text-transform: uppercase!important;
    letter-spacing: 4px!important;
    border-bottom: 5px solid #5b9cc0;
    font-family: Roboto!important;
}


.service-hover-box {
  font-family: 'Muli', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 5px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}

.service-hover-box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.service-hover-box img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.75;
  width: 100%;
}

.service-hover-box figcaption {
  z-index: 1;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: rgba(114, 190, 232, 0.78);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  padding: 30px 40px 10px;
  min-height: 165px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.service-hover-box p {
	text-align: center;
    margin: 15px 0 10px!important;
    font-weight: 100;
}


.service-hover-box figcaption:before {
  content: '';
  width: 20px;
  height: 20px;
  background-color: #fff;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg);
  position: absolute;
}

.service-hover-box h3 {
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
  color: white;
  font-size: 23px;
}

.service-hover-box a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.service-hover-box:hover > img,
.service-hover-box.hover > img {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.pum-theme-2792 .pum-content, .pum-theme-lightbox .pum-content {
    line-height: 24px;
    padding: 10px 0;
}

.terms-link button,
.terms-link a {
    background: #72bee8;
    border: 0;
    color: #ffffff;
    padding: 10px;
    margin: 0 auto;
    text-transform: uppercase;
    border-bottom: 5px solid #5b9cc0!important;
    font-family: Roboto Slab;
}

.side-btn {
    background: #29368C;
    color: #FFF;
    transform: rotate(-90deg);
    left: -105px;
    top: 50%;
    position: fixed;
    padding: 5px 10px;
	z-index: 999;
}

.side-btn a {
    font-size: 15px;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-family: Roboto Slab;
    color: white;
    text-transform: uppercase;
}

.side-btn a:hover {
    text-decoration: none;
	color: whitesmoke;
}



input#gform_submit_button_1 {
    background: #72bee8;
    border: 0;
    color: #ffffff;
    padding: 10px;
    margin: 0 auto;
    text-transform: uppercase;
    border-bottom: 5px solid #5b9cc0;
    font-family: Roboto Slab;
}

.contact-details a {
	color: #555555;
    border-bottom-width: 0!important;
}

.contact-details a:hover {
	color: #29368C!important;
    border-bottom-width: 0!important;
}

 #footer .footer-widget-area .col-md-3:last-child {
    display: none;
}

 #footer .footer-widget-area .col-md-3 {
	width: 33%;
	text-align: center;
}

#footer ul li, #footer ol li {
    list-style-type: none;
}

.footer-widget-area ul {
    padding-left: 0;
}

.home .footer-widget-area ul {
    padding-left: 20px;
}

/* .home #footer .footer-widget-area .col-md-3:last-child {
    display: block;
} */

/* .home #footer .footer-widget-area .col-md-3 {
	width: 25%;
} */

.footer-text {
	text-align: center; font-size: 14px; line-height: 19px;
}

/* .home .footer-text {
	text-align: center; font-size: 12px; line-height: 16px;
} */

.main-calculator .widget_ct_mortgagecalculator {
    width: 100%;
    background: whitesmoke;
    padding: 25px;
    border: 1px solid #e0e0e0;
}

.main-calculator .widget_ct_mortgagecalculator input[type="text"] {
    width: 49%;
    display: inline-block;
    height: 30px;
    font-size: 13px;
}

.pum-theme-2791, .pum-theme-default-theme {
    background-color: rgba( 255, 255, 255, .5 )!important;
}

.pum-theme-2791 .pum-container, .pum-theme-default-theme .pum-container {
    box-shadow: 0 0 20px 5px rgba(2, 2, 2, 0.25)!important;
}

#pum_popup_title_2797 {
    display: none;
}

.pum-theme-2791 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 0px 15px!important;
}

#gform_wrapper_1 {
	margin: 0;
}

.lvca-portfolio-wrap .lvca-taxonomy-filter .lvca-filter-item.lvca-active:after {
    border-bottom: 3px solid #28338e;
}

.error-404 {
  margin: 150px 0;
  text-align: center;
}
.four04-page {
	text-align: center;
    width: 500px;
    margin: 0 auto 50px;
}

.cookie-bar-bar button#catapultCookie {
    background: #72bee8;
    color: white;
}

.agreed {
  font-size: 12px;
}

#feefo-service-review-carousel-widgetId {
    text-align: center;
}

#feefologohere {
  display: inline-block;
  margin-right: 5px;
}


@media only screen and (max-width: 768px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
    .top-reviews {
      display: block;
    }
	.side-btn {
		display: none;
	}
	.top-reviews {
		text-align: center;
	}
	.top-contact {
		text-align: center;
        font-size: 18px;
	}
	.topbar .top-contact .mail {
        margin-left: 0;
    }
	.top-contact span {
    display: block;
	}
	#footer .footer-widget-area .col-md-3 {
        width: 100%;
    }
	.home #footer .footer-widget-area .col-md-3 {
    width: 100%;
    }
	.widget_ct_mortgagecalculator input[type="text"] {
    margin: 5px auto!important;
}
	.footer-bottom {
    text-align: center;
}
	.home .footer-widget-area ul {
    padding-left: 0;
}

}