/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
 @import url('https://fonts.googleapis.com/css2?family=Allura&family=Bebas+Neue&family=Merriweather:wght@300;400;700&display=swap');
 @font-face {
    font-family: 'arkitech_bold';
    src: url('fonts/arkitech.bold-webfont.woff2') format('woff2'),
         url('fonts/arkitech.bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arkitech_medium';
    src: url('fonts/arkitech.medium-webfont.woff2') format('woff2'),
         url('fonts/arkitech.medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arkitech_round_light';
    src: url('fonts/arkitech.round-light-webfont.woff2') format('woff2'),
         url('fonts/arkitech.round-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arkitech_light';
    src: url('fonts/arkitech.light-webfont.woff2') format('woff2'),
         url('fonts/arkitech.light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
p {
	font-size: 18px;
	line-height: 1.5;
}
a.menu__link {
    font-family: 'arkitech_medium';
}
.l-attribution.l-row {
    display: none;
}
.page {
    background: url('/sites/default/files/img/background_tile.png');
}
header#masthead {
    background: none;
}
.l-main .container {
    background: rgba(255,255,255,.7);
}
div#navbar {
    background: #444;
}
h1.node__title {
	background: #333;
	color: #FFF;
	font-family: 'Bebas Neue',sans-serif;
	padding: 16px 16px 11px 27px !important;
	letter-spacing: 1.2px;
}
.content-h4 {
	text-align: center;
	font-size: 23px;
	color: red;
}
.form-textarea {
	border-radius: 5px;
	margin: 10px auto !important;
}
.form-text {
	border-radius: 5px !important;
	margin: 10px auto;
}
.form-email {
	border-radius: 5px !important;
    margin: 10px auto;
}
#sub-features .field {
    border-radius: 5px!Important;
    overflow: hidden;
    margin: 0;
  }
  .node {
    border-radius: 5px;
  }
/* --- Branding --- */
span.site-branding__text {
    display: none;
}
.site-branding {
	position: absolute;
	top: 30px;
	z-index: 150;
	width: 350px;
}
/* --- Leaderboard --- */
.l-leaderboard > div {
    background: #444;
}
div#leaderboard > div {
    background: #444;
}
div#block-callstoaction p, div#block-callstoaction a {
    color: #fff;
    text-decoration: none;
}
div#block-callstoaction p {
    float: left;
    margin: unset;
}

 /* --- Navbar --- */
 a.menu__link {
    font-size: 14px;
}
 nav#block-aaron-s-plumbing-main-menu {
    float: right;
}
 div#block-callstoaction {
    float: right;
}
div#block-callstoaction p {
    float: left;
}
div#block-callstoaction img {
    width: 30px;
    margin: 10px;
}
h6.phone {
    float: left;
    margin: 12px 15px;
    color: #fff;
    font-size: 20px;
}
/* --- Slider --- */
div#slider .container {
    width: 100%!important;
    display: unset;
    background: none;
}
div#slider {
    display: unset;
    margin: 0;
}
div#slider .region {
    padding: 0;
}
div#block-slideshowhome {
    margin: 0;
}
.slides p {
    margin: 0;
}
/* Banners */
#block-slideshowhome .field {
    margin: 0;
}
div#block-bannerintegrity h3 {
    margin: 0;
    padding: 10px;
    font-family: 'Bebas Neue',sans-serif;
    font-size: 45px;
    letter-spacing: 1.5px;
}

div#block-bannerintegrity {
    text-align: center;
    background: red;
    color: #FFF;
    margin: 0;
}
#block-bannerintegrity .field {
    margin: 0;
}
/* --- Hightlighted --- */
.l-highlighted > div > div {
    background: #333;
}

.l-highlighted {
    background: #333;
}
div#block-homehighlightbanner {
    text-align: center;
}
div#block-homehighlightbanner {
    color: #fff;
}
div#block-homehighlightbanner h2 {
    color: yellow;
    font-size: 3.5em;
    letter-spacing: 1.2px;
}
div#block-homehighlightbanner h2,div#block-homehighlightbanner h3,div#block-homehighlightbanner h5 {
    font-family: 'Bebas Neue',sans-serif;
}
#block-homehighlightbanner h3 {
    letter-spacing: 1.2px;
}
#block-homehighlightbanner h5 {
    letter-spacing: 1.1px;
}
.submit-btn:hover {
    background: #333;
  }
  .submit-btn {
	width: fit-content;
	margin: 10px auto 0 auto;
	padding: 10px 2px;
	background: #888;
	overflow: auto;
	border-radius: 5px;
    text-decoration: none;
    }
 .submit-btn a {
	color: #fff;
	padding: 13px 15px;
	margin: 0;
}
.submit-btn a:hover {
	text-decoration: none;
}
/* --- Home --- */
.home-image-wrapper img {
    position: relative;
    top: -40px;
  }
  .home-image-wrapper {
    float: right;
    width: 50%;
    height: 40vh;
    overflow: hidden;
  }
  .node--id-1 h3 {
	background: #8A8A8A;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 10px;
}
.node--id-1 p {
	margin-right: 0px !important;
	width: 48%;
	float: left;
}
#block-hightlightwhatcanwedo p {
    margin: 0;
  }
  #block-hightlightwhatcanwedo h2 {
    background: red;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
  }
  #block-hightlightwhatcanwedo {
    background: #FFF;
    text-align: center;
    padding: 10px;
    margin: 10px;
    overflow: auto;
    border-radius: 10px;
  }
  /* --- Res Com --- */
  .rc-image.first img {
    position: relative;
    top: -300px;
    width: 100%;
  }
  .rc-image.first {
    height: 400px;
    overflow: hidden;
  }
  .rc-image {
    float: right;
    width: 50%;
    clear: right;
  }
  .rc-image.second {
	height: 400px;
	overflow: hidden;
}
.node--id-2 p {
	width: 50%;
	padding: 0 20px 0 0;
}
.node--id-2 hr {
	clear: both;
	margin-top: 40px;
}
.node--id-2 h3 {
	text-align: center;
	background: #777;
	color: #fff;
	padding: 15px 10px;
}
.node--id-2 h2 {
	text-align: center;
	color: red;
	padding: 5px;
	font-weight: bold;
	font-size: 35px;
}
/* --- Inspections --- */
.node--id-4 p {
	width: 50%;
	padding: 0 20px 0 0;
}
.node--id-3 .rc-image img {
	position: relative;
	top: -230px;
}
.node--id-3 .rc-image {
	height: 500px;
	overflow: hidden;
}
.node--id-3 h3, .node--id-3 h4, .node--id-3 p {
	width: 50%;
	padding: 0 25px 0 0;
}
/* Staff Page */
.field-content.staff-image {
    float: left;
    width: 40%;
    display:block;
}


div#block-views-block-staff-block-block-1 .views-row {
    overflow: auto;
    margin: 10px 0;
}

.views-field-title, .views-field-body {
    padding: 0 0 0 10px;
    float: left;
    width: 60%;
}

h3.field-content.staff-title {
    font-weight: bold;
    background: #555;
    padding: 10px 0px 10px 20px;
    border-radius: 5px;
    color: #FFF;
    font-size: 34px;
}
.field-content.mobile-img{
    display: none;
}
.submit-btn.meet-staff-btn {
    background: dodgerblue;
    margin: 0 auto 17px auto;
}
@media only screen and (max-width: 600px) {
    div#block-views-block-staff-block-block-1 .views-row {
        overflow: auto;
        margin: 30px 0 0 0;
    }
    
    .views-field-title, .views-field-body {
        float: unset;
        width: 100%;
        padding: unset;
    }
    .field-content.mobile-img{
        display: block;
    }
    .field-content.staff-image{
        display: none;
    }
    .home-image-wrapper {
        width: 100%;
    }
    .node p {
        width: 100%;
    }
    .rc-image {
        width: 100%;
        height: 300px !important;
    }
    .rc-image.first img {
        margin: 220px 0 0 0 !important;
        position: relative !important;
    }
    h6.phone {
        float: unset;
        overflow: auto;
        clear: left;
        text-align: center;
        border-top: 1px solid #777;
        padding: 10px 0 0px 0;
        margin: 0px;
    }
    #block-callstoaction {
        float: unset !important;
    }
    #block-slideshowhome {
        visibility: hidden;
    }
    #rm-content {
        padding: 10px 10px 0 0px;
    }
    #block-aaron-s-plumbing-main-menu-menu {
        display: none;
    }
    .rm-toggle__icon {
        left: 2px;
    }
    nav#block-aaron-s-plumbing-main-menu {
        float: right;
    }
    .site-branding {
        top: 60px;
        margin: 0 0 0 9px;
    }
    #block-callstoaction p {
        text-align: center;
        margin: auto;
        width: 50%;
    }
}