/********************************** MOBILE FIRST **********************************/ #main { padding-top: 58px; } /* TEXT */ main p, main li, main .liame { font-size: 1rem } .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 3rem; line-height: 0.73; z-index: 3} .h1 { font-size: 2.25rem; } /* 36px */ .h1--slider {font-size: 5rem; line-height: 0.8; } .h2 { font-size: 1.875rem; } /* 30px */ .h3 { font-size: 1.563rem; } /* 25px */ .residentialh2Custom, .abouth2Custom { font-size: 1.563rem; } /* 25px */ .h4 { font-size: 1.438rem; } /* 23px */ .h5, .h6 { font-size: 1.25rem; } /* 20px */ .h1 { margin-bottom: .5rem;} .h2 { margin-bottom: .875rem; } .ownerName.h1 { margin-bottom: 1rem; } .h3, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.125rem; } .h4 { margin-bottom: .875rem; } .h5, .h6 { margin-bottom: .875rem; } .buttonLink { font-size: 1.125rem; letter-spacing: 0.125rem; } .buttonLink > span { vertical-align: text-top; line-height: 1; height: 1.125rem; width: 1rem; display: inline-block; } .pLists p { margin-bottom: .5rem; } .colInner .pListItem { margin-bottom: .5rem } .colInner .pListItem--last { margin-bottom: 0; } /* MODAL */ .modal-dialog--custom { max-width: 95%; } .modal-dialog--customTwo { max-width: 95%; } .modal-dialog--custom .modal-body { padding: .75rem 1.5rem .75rem 1.375rem; } .modalList {list-style-position: outside; padding-left: 1.5rem; margin-bottom: 1.5rem; font-size: 1rem; line-height: 1.3; } .modalList > li { margin-bottom: .4375rem; } .modalList > li:last-of-type { margin-bottom: 0; } /* NAV */ #navbarcustom { top: 58px; width: 100%; } .navTableCell--center { } .inner-nav { padding: .75rem .625rem; } #navbarcustom ul li a { font-size: 1rem; padding: .5625rem 1.5rem; } #navbarcustom ul li { position: relative; padding-bottom: .5rem; margin-bottom: .5rem; } #navbarcustom ul li:first-of-type { padding-top: .75rem; } #navbarcustom ul li:last-of-type { padding-bottom: .75rem; } #navbarcustom ul li::after { content: ""; width: 4rem; height: 0.0625rem; background-color: rgba(255,255,255,.5); position: absolute; bottom: 0; left: 50%; margin-left: -2rem; } #navbarcustom ul li:last-of-type::after { content: none; } .navTable { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; } .navTableCell { align-self: auto;} .navTableCell--left { order: 1; flex: 0 1 35%; text-align: right; } .navTableCell--center { order: 0; flex: 0 1 45%; } .navTableCell--right { order: 2; flex: 0 1 auto; } .phone--nav { line-height: 1; font-size: 1.0625rem; } /* HERO */ .hero { position: relative; height: 350px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center; } .intro h1 { font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; } /* SLIDER */ .h1--slider {position: absolute; bottom: 20%; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 2.5rem; line-height: 0.8; text-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15); z-index: 3; } .sp-layer--title { display: block; } .sp-layer.sp-layer--title { width: 100% !important; bottom: 0% !important; top: auto !important; right: 0% !important; left: auto !important; text-align: center; padding: .25rem 0 0 0; z-index: 3; } .sp-static.sp-static--overlay { height: 100%; width: 100%; position: absolute; bottom:0; left: 0; z-index: 2; background: rgba(0,0,0,.10); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); } .sp-buttons { padding-top: 0; position: absolute; bottom: 8%; } .sp-button { width: 1rem; height: 1rem; border-color: #fff; margin: 0 .5rem; } .sp-selected-button { background-color: #fff; } .sp-layer--title { color: #fff; font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; } /* ABOUT */ .page-about-us .section-01 h1 { padding-top: 1.688rem; padding-bottom: 1.688rem; font-size: 1.75rem; } .mainebclogo { width: 250px; } .managers-row .col-12 .managers { position: relative; float: left; display: inline-block; margin: 0 0 .5rem; width: 100%; } .managers-row .col-12 .managers img { width: 100%; } .managers figcaption { position: absolute; z-index: 3; bottom: 7.5%; width: 100%; left: 0; text-align: center; } .managers::after { z-index: 2; content: ""; background: url(https://risbara.com/wp-content/uploads/shadow.png); position: absolute; left: 0; bottom: 0; width: 100%; height: 260px; } #ownership .colInner { padding: 1.688rem 0; margin-left: 5%; } .ownerName { display:flex; flex-direction: row; flex-wrap: nowrap; align-items:center; } .ownerName span { padding-right: 1.688rem; } .ownerName:after { height: 3px; background-color: #e1c874; content:" "; display:block; min-width: 50px; flex: 1 1 0%; } .ownerDesc p { max-width: 90%; } /* GALLERY */ .page-gallery .row--01 { z-index: 1; position: relative; height: 9rem; margin: 0 0 .5rem 0; } #gallerySection .h2 { padding-bottom: .75rem; } #dLabel { margin-left: auto; margin-right: auto; } #portfoliolist * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; } #portfoliolist .portfolio { display: inline-block; } .portfolio { float: left; margin: 0 0 .5rem; position: relative; width: 100%; } .portfolio figure { margin: 0 0 0 0; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .portfolio--video { position: relative; } .filter { font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; background: none; border-right: 0; border-left: 0; border-top: 0; border-bottom:0; color: #000; } .galleryFilter { width: 200px; position: relative; padding: .5rem .75rem; color: #fff; letter-spacing: 2px; border: 2px solid #fff; text-transform: uppercase; font-weight: bold; background-color: #e1c874; outline: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } .galleryFilter:hover {text-decoration: none; color: #fff; } .galleryFilter::before { content: "Filter Photos by Categories"; font-style: normal; position: absolute; top: -.875rem; width: 100%; text-align: center; left: 0; font-size: 0.5rem; line-height: 1; color: #fff; } .dropdown-toggle::after { border: 0 !important; margin-left: 0; vertical-align: middle; } .dropdown-toggle.galleryFilter::after { content: "\f0d7"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; color: #fff; position: absolute; right: .5rem; top: .4375rem; font-size: 1.5rem; line-height: 1; z-index: 1; } .filters--wrap.dropdown-menu button { display: block; text-align: left; width: 100%; padding: .25rem 1.5rem; clear: both; white-space: nowrap; } .filters--wrap.dropdown-menu button:active, .filters--wrap.dropdown-menu .mixitup-control-active { background-color: #e1c874; color: #000; } .filters--wrap.dropdown-menu.show { width: 200px; } #filters.stick { position: fixed; top: 68px; z-index: 1032; left: 50%; margin-left: -100px;} .galLink { height: 100%; width: 100%; } .galLink--video { position: absolute; top: 0; left: 0; } .galLink--video::before { content: ''; background-color: rgba(255,255,255,.55); height: 100%; width: 100%; position: absolute; } .portfolio .vidPlay { position: absolute; z-index: auto; display: block; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32%; height: 32%; margin-left: -16%; } .portfolio .vidPlay .fa-secondary { fill: #7a7b7e; opacity: 1} .portfolio .vidPlay .fa-primary { fill: #fff; opacity: 1} .leftSidee { height: 100%; background: no-repeat 50% 100% url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-size: cover; } .rightSidee { height: 100%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-position: 100% 20%; background-size: cover; } .page-gallery .row--01::before { content: ''; height: 9rem; width: 16.666667%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; z-index: -1; } .page-gallery .row--01::after { content: ''; height: 9rem; width: 16.666667%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; z-index: -1; } /* JOBS */ .shortHeader { z-index: 1; position: relative; height: 100%; margin: 0 0 0 0; padding-top: 1.5rem; padding-bottom: 1.5rem; } /* JARALLAX */ .jarallax-keep-img { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .jarallax-keep-img > .jarallax-img { position: relative; display: block; max-width: 100%; height: auto;z-index: -100; } /* COMMERCIAL */ .flipCols { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important;} /* HEROS */ .hero--commercial { background-image: url('https://risbara.com/wp-content/uploads/commercial-hero-img-sm.jpg'); } .hero--residential { background-image: url('https://risbara.com/wp-content/uploads/residential-hero-img-sm.jpg'); } .hero--earthworks { background-image: url('https://risbara.com/wp-content/uploads/earthworks-hero-img-sm.jpg'); } /* LIGHTBOX */ .fancybox-caption__body { color: #fff; font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; font-size: 1rem; } /* CONTACT */ .contactpgInner > p { max-width: 80%; margin: auto auto 2rem 0; } #getHeight .colInner { padding-top: 2rem; padding-bottom: 3.5rem; max-width: 90%; margin: auto; } .contactpgTop { margin: 0 0 2.5rem 0; } .contactpgBtm { margin: 2.5rem 0 0 0; } .contactpgBtm .h3 { margin-bottom: 1.75rem; } .contactpgBtm .companyLogo { display: block; margin: auto auto 2rem auto; } .contactpgBtm .companyLogo.companyLogo--3, .contactpgBtm .companyLogo.companyLogo--4 { } .contactpgBtm .companyLogo_col--last .companyLogo { margin: auto; } .companyLogo--boulos-logo-2 { max-width: 180px; } .companyLogo--scovillefoleysignature-homes_logo { max-width: 180px; } .companyLogo--maine-properties-logo { max-width: 225px; } .companyLogo--southern-maine-remodeling-logo { max-width: 250px; } .companyLogo--southern-maine-remodeling-logo-jan2020 { max-width: 210px; } .companyLogo--the-downs-logo {max-width: 180px;} .gform_fields .gfield#field_1_1, .gform_fields .gfield#field_1_2 { margin-bottom: 1.75rem; } .gform_fields .gfield#field_1_3 { margin-bottom: 1.75rem; } .gform_fields .gfield#field_1_6 { margin-bottom: 2rem; } .gform_fields .gfield#field_1_7 { margin-bottom: 1.5rem; display: block; width: 100%; } .gform_fields .gfield.captchaField { margin-bottom: 1.5rem; float: left; display: block; width: 100%; } .ginput_recaptcha > div { margin-left: auto; margin-right: auto; } .gform_wrapper ::-webkit-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper ::-moz-placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper :-ms-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper ::-ms-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper :-moz-placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper ::placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper .gform_button { font-size: 1.25rem; letter-spacing: .0625rem; padding: .5rem .5rem; } /* GF Special Custom Classes */ .gform_wrapper .customForm ::-webkit-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper .customForm ::-moz-placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper .customForm :-ms-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper .customForm ::-ms-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper .customForm :-moz-placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper .customForm ::placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper .customForm select { font-size: .875rem; letter-spacing: .0625rem; } .customForm .gform_validation_container, .gform_wrapper .customForm .gform_validation_container, body .gform_wrapper .customForm .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper .customForm li.gform_validation_container, body .gform_wrapper .customForm ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute; left: -9000px; } .customForm .gform_fields .gfield { margin-bottom: 2rem; } .customForm .gform_fields .gfield label.gfield_label, .customForm .gform_fields .gfield fieldset legend.gfield_label, .customForm .gsection_description, .customForm .gfield_description, .customForm .radios .gfield_radio li input[type=radio] + label, .customForm .checkBoxes .gfield_checkbox li input[type=checkbox] + label { font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; line-height: 1.2; } .customForm .gsection_description, .customForm .gfield_description { font-size: 1rem; margin-bottom: .75rem; } .customForm .gform_fields .gfield label.gfield_label, .customForm .gform_fields .gfield fieldset legend.gfield_label { font-size: 1.188rem; text-transform: uppercase; font-style: italic; letter-spacing: 0.125rem; } .customForm .gform_fields .gfield label.gfield_label span.gfield_required, .customForm .gform_fields .gfield fieldset legend.gfield_label span.gfield_required { letter-spacing: normal; white-space: nowrap; } .customForm .gfield .ginput_container_number .instruction { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .checkBoxes ul.gfield_checkbox { list-style: none; padding-left: 0; } .gform_wrapper .checkBoxes.checkBoxes--horizontal ul.gfield_checkbox li { display: block; margin-right: .5rem; } .gform_wrapper .checkBoxes.checkBoxes--horizontal ul.gfield_checkbox li:last-child { margin-right: 0; } .checkBoxes .gfield_checkbox li input[type=checkbox] { visibility: hidden; margin: 0; width: 0!important; } .checkBoxes .gfield_checkbox li input[type=checkbox] + label:hover { cursor: pointer; } .checkBoxes .gfield_checkbox li input[type=checkbox] + label:before { font-family: "Font Awesome 5 Pro"; font-size: 20px; position: relative; margin-right: 0.7em; content: '\f45c'; color: #c8102e; } .checkBoxes .gfield_checkbox li input[type=checkbox] + label:before { font-weight: 300; } .checkBoxes .gfield_checkbox li input[type=checkbox] + label:hover:before { font-weight: 400; } .checkBoxes .gfield_checkbox li input[type=checkbox]:checked + label:before { font-weight: 700; } .checkBoxes .gfield_checkbox li input[type=checkbox]:checked + label:hover:before { opacity: .8; } .radios ul.gfield_radio { list-style: none; padding-left: 0; } .gform_wrapper .radios.radios--horizontal ul.gfield_radio li { display: -moz-inline; display: inline; margin-right: 1rem; } .gform_wrapper .radios.radios--horizontal ul.gfield_radio li:last-child { margin-right: 0; } .gform_wrapper .radios.radios--horizontal ul.gfield_radio li label { margin-bottom: 0; } .gform_wrapper .gform_fields .checkBoxes .gfield_checkbox li label, .gform_wrapper .gform_fields .radios ul.gfield_radio li label { font-size: 1.0625rem; } .gform_wrapper .gform_fields .checkBoxes.checkBoxes--vertical .gfield_checkbox li label, .gform_wrapper .gform_fields .checkBoxes.checkBoxes--horizontal .gfield_checkbox li label { margin-bottom: .75rem; } .radios .gfield_radio li input[type=radio] { visibility: hidden; margin: 0; width: 0!important; } .radios .gfield_radio li input[type=radio] + label:hover { cursor: pointer; } .radios .gfield_radio li input[type=radio] + label:before { font-family: "Font Awesome 5 Pro"; font-size: 20px; position: relative; margin-right: 0.4em; content: '\f111'; color: #c8102e; } .radios .gfield_radio li input[type=radio] + label:before { font-weight: 300; } .radios .gfield_radio li input[type=radio] + label:hover:before { font-weight: 400; } .radios .gfield_radio li input[type=radio]:checked + label:before { font-weight: 700; } .radios .gfield_radio li input[type=radio]:checked + label:hover:before { opacity: .8; } .listField thead tr th { /* font-size: .875rem; text-transform: uppercase; color: #c8102e; font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; font-weight: 500; */ } .ginput_container .ginput_container_list.ginput_list .gfield_list.gfield_list_container thead, .listField thead { display: none; } .gform_wrapper .listField table.gfield_list td, .gform_wrapper .listField table.gfield_list th + th { padding: 7.5px 7.5px 7.5px 7.5px; } .gform_wrapper .listField table.gfield_list td.gfield_list_icons { padding-right: 0;} .listField .gfield_list_cell { display: block !important; } /* show labels under fields within List */ .gform_wrapper ul.gform_fields.form_sublabel_above .listField table.gfield_list td::before, .gform_wrapper ul.gform_fields.form_sublabel_below .listField table.gfield_list td::after { content: attr(data-label); font-size: 14px; letter-spacing: .5pt; white-space: nowrap; display: block; clear: both; } .listField .gfield_list_cell { float: left; } .gfield_list_cell input::-webkit-input-placeholder { color: transparent !important;} .gfield_list_cell input::-moz-placeholder { color: transparent !important;} .gfield_list_cell input:-ms-input-placeholder { color: transparent !important;} .gfield_list_cell input::-ms-input-placeholder { color: transparent !important;} .gfield_list_cell input:-moz-placeholder { color: transparent !important;} .gfield_list_cell input::placeholder { color: transparent !important;} /* JOBS */ .shortHeader .h2 { margin-bottom: 1rem; padding-bottom: 0; } .page-template-jobs-page-template main .shortHeader p { font-size: 1rem; text-align: center; } .apply-now { color: #fff; background: #c8102e; letter-spacing: .0625rem; padding: .3125rem 1.5rem; font-style: italic; font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; text-transform: uppercase; display: inline-block; transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; } .apply-now:hover, .apply-now:focus, .apply-now:active { text-decoration: none; color: #000; } .jobs-nav-btn a { color: #fff; background: #e1c874; letter-spacing: .0625rem; font-style: italic; font-family: 'HelveticaNeue MediumCond', "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", sans-serif; text-transform: uppercase; display: inline-block; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .jobs-nav-btn a:hover, .jobs-nav-btn a:focus, .jobs-nav-btn a:active { text-decoration: none; color: #6b5d29; } .jobs-nav-btn.jobs-nav-btn--older a { padding: .3125rem 1.5rem .3125rem 1rem; } .jobs-nav-btn.jobs-nav-btn--newer a { padding: .3125rem 1rem .3125rem 1.5rem; } /*** JOB APPLICATION FORM ***/ .listField .gfield_list_row_even { background: lightgrey; } .listField table.gfield_list { width: 100%; } /* Employment History */ .listField.listField--employment td.gfield_list_cell:nth-child(1) { width: 50%; } .listField.listField--employment td.gfield_list_cell:nth-child(2) { width: 50%; } .listField.listField--employment td.gfield_list_cell:nth-child(3) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(4) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(5) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(6) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(7) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(8) { width: 100%; } .gform_wrapper .listField--employment table.gfield_list .gfield_list_row_odd td:nth-last-child(-n+3) { } .listField.listField--education td.gfield_list_cell:nth-child(1) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(2) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(3) { width: 50%; } .listField.listField--education td.gfield_list_cell:nth-child(4) { width: 50%; } .listField.listField--education td.gfield_list_cell:nth-child(5) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(6) { width: 100%; } #contactBubble img { width: 100px; height: auto; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { padding: 1.688rem 0; max-width: 100%; margin: auto 5%; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto 5%; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 5%; padding: 1.688rem 0; } .page-earthworks .section-04 .colInner { padding: 1.688rem 0; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 5%; padding: 1.688rem 0; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 5%; padding: 1.688rem 0; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto 5%; } .page-about-us .section-07 .colInner { max-width: 100%; margin: auto 5%; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner, .page-home .section-03 .contentSide .colInner { padding: 1.75rem 0; margin: auto 10%; } /* CONTAINERS CUSTOM CLASSES */ .max-width-lgdown-custom { max-width: 95%; margin: auto; } .sectionspacing { padding-top: 1.563rem; padding-bottom: 1.813rem; } .sectionspacingSplit { padding-top: 2rem; padding-bottom: 1.5rem; } .sectionspacingSplitBtm { padding-bottom: 2rem; } /* FOOTER */ #footer { padding-top: 1.688rem; padding-bottom: 1.875rem;} .col-footer-custom .row { margin-right: 0; margin-left: 0; } .col-footer-custom .row > [class*=col-12] { padding-right: 0; padding-left: 0; } .social-icons--footer a { margin-right: .75rem; font-size: 1.25rem; } /********************************** START RESPONSIVE **********************************/ @media (max-width: 500px) { /* ABOUT */ .managers .h3 { font-size: 2rem; } .managers .managers--title { font-size: 1.125rem; } .scholarshipP { margin-bottom: 0 !important; } #managers.sectionspacing { padding-bottom: 0 !important; } } @media (min-width: 360px) { #navbarcustom ul li a { font-size: 1.0625rem; padding: .75rem 1.5rem; } } @media (min-width: 400px) { /* TEXT */ main p, main li, main .liame { font-size: 1.063rem } .page-about-us .section-01 h1 { font-size: 2.125rem; } .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 3rem; line-height: 0.73; z-index: 3} .h1 { font-size: 2.375rem; } /* 38px */ .h1--slider {font-size: 5rem; line-height: 0.8; } .h2 { font-size: 2rem; } /* 32px */ .h3 { font-size: 1.625rem; } /* 26px */ .residentialh2Custom, .abouth2Custom { font-size: 1.625rem; } /* 26px */ .h4 { font-size: 1.5rem; } /* 24px */ .h5, .h6 { font-size: 1.313rem; } /* 22px */ .h1 { margin-bottom: .5rem;} .h2 { margin-bottom: .875rem; } .ownerName.h1 { margin-bottom: 1rem; } .h3, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.125rem; } .h4 { margin-bottom: .875rem; } .h5, .h6 { margin-bottom: .875rem; } .buttonLink { font-size: 1.125rem; letter-spacing: 0.125rem; } .buttonLink > span { vertical-align: text-top; line-height: 1; height: 1.125rem; width: 1rem; display: inline-block; } /* NAV */ #navbarcustom ul li a { padding: 1rem 1.5rem; } /* HERO */ .hero { height: 375px; } .intro h1 { font-size: 3.625rem; } /* SLIDER */ .h1--slider {position: absolute; bottom: 19%; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 3rem; line-height: 0.8; text-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15); z-index: 3; } .sp-layer--title { display: block; } .sp-layer.sp-layer--title { width: 100% !important; bottom: 0% !important; top: auto !important; right: 0% !important; left: auto !important; text-align: center; padding: .25rem 0 0 0; z-index: 3; } .sp-static.sp-static--overlay { height: 100%; width: 100%; position: absolute; bottom:0; left: 0; z-index: 2; background: rgba(0,0,0,.10); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); } .sp-buttons { bottom: 8%; } #navbarcustom { top: 62px; } .gform_wrapper .gform_fields .checkBoxes .gfield_checkbox li label, .gform_wrapper .gform_fields .radios ul.gfield_radio li label { font-size: 1.125rem; } /* JOBS */ .shortHeader .h2 { margin-bottom: 1rem; } /*** JOB APPLICATION FORM ***/ .listField .gfield_list_row_even { background: lightgrey; } .listField table.gfield_list { width: 100%; } /* Employment History */ .listField.listField--employment td.gfield_list_cell:nth-child(1) { width: 50%; } .listField.listField--employment td.gfield_list_cell:nth-child(2) { width: 50%; } .listField.listField--employment td.gfield_list_cell:nth-child(3) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(4) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(5) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(6) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(7) { width: 100%; } .listField.listField--employment td.gfield_list_cell:nth-child(8) { width: 100%; } .gform_wrapper .listField--employment table.gfield_list .gfield_list_row_odd td:nth-last-child(-n+3) { } .listField.listField--education td.gfield_list_cell:nth-child(1) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(2) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(3) { width: 50%; } .listField.listField--education td.gfield_list_cell:nth-child(4) { width: 50%; } .listField.listField--education td.gfield_list_cell:nth-child(5) { width: 100%; } .listField.listField--education td.gfield_list_cell:nth-child(6) { width: 100%; } } @media (min-width: 576px) { #main { padding-top: 71px; } /* TEXT */ main p, main li, .buttonLink, main .liame { font-size: 1.063rem } .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 4rem; line-height: 0.73; z-index: 3} .h1, .page-about-us .section-01 h1 { font-size: 2.438rem; } /* 39px */ .h1--slider {font-size: 5rem; line-height: 0.8; } .h2 { font-size: 2.063rem; } /* 33px */ .h3, .residentialh2Custom, .abouth2Custom { font-size: 1.688rem; } /* 27px */ .h4 { font-size: 1.5rem; } /* 24px */ .h5, .h6 { font-size: 1.313rem; } /* 22px */ .h1 { margin-bottom: .5rem;} .h2 { margin-bottom: 1rem; } .ownerName.h1 { margin-bottom: 1rem; } .h3, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.25rem; } .h4 { margin-bottom: 1rem; } .h5, .h6 { margin-bottom: 1rem; } .buttonLink { letter-spacing: 0.125rem; } .buttonLink > span { vertical-align: text-top; line-height: 1; height: 1.063rem; width: 1rem; display: inline-block; } .pListsWrap { } .pLists { } .pLists--left { } .pLists--right { } .pLists p { margin-bottom: .5rem; } .colInner .pListItem { margin-bottom: .5rem } .colInner .pListItem--last { margin-bottom: 0; } /* NAV */ .navTable {display: table; table-layout: fixed; width: 100%; } .navTableCell {display: table-cell; vertical-align: middle;} .navTableCell--left { text-align: left; } .navTableCell--center { width: auto; display: table-cell; vertical-align: middle; } .navTableCell--right { } #navbarcustom { top: 71px; width: 300px; } .navTableCell--center { width: 200px; } .inner-nav { padding: .875rem 1.5rem; } #navbarcustom ul li a { font-size: 1.0625rem; } /* SLIDER */ .h1--slider {position: absolute; bottom: 19%; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 4rem; line-height: 0.8; text-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15); z-index: 3; } .sp-layer--title { display: block; } .sp-layer.sp-layer--title { width: 100% !important; bottom: 0% !important; top: auto !important; right: 0% !important; left: auto !important; text-align: center; padding: .25rem 0; z-index: 3; } .sp-static.sp-static--overlay { height: 100%; width: 100%; position: absolute; bottom:0; left: 0; z-index: 2; background: rgba(0,0,0,.10); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.2805497198879552) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); } .sp-buttons { bottom: 8%; } .sp-button { width: 1.125rem; height: 1.125rem; border-color: #fff; margin: 0 .5rem; } /* HEROS */ .hero { position: relative; height: 435px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center; } #hero::before { content: ''; position: absolute; bottom: 0; left: 0;z-index: 2; width: 100%; height: 100%;background-color: rgba(0,0,0,.1); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.18503151260504207) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.18503151260504207) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.18503151260504207) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 90%); } /* ABOUT */ .page-about-us .section-01 h1 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .mainebclogo { width: 250px; } .managers-row .col-12 .managers { position: relative; float: left; display: inline-block; margin: 0 .25rem .5rem; width: 49%; width: calc(100%/2 - .5rem); width: -webkit-calc(100%/2 - .5rem); width: -moz-calc(100%/2 - .5rem); } .managers-row .col-12 .managers img { width: auto; } .managers figcaption { position: absolute; z-index: 3; bottom: 7.5%; width: 100%; left: 0; text-align: center; } .managers::after { z-index: 2; content: ""; background: url(https://risbara.com/wp-content/uploads/shadow.png); position: absolute; left: 0; bottom: 0; width: 100%; height: 260px; } #ownership .colInner { padding: 1.75rem 0; margin-left: 5%; } .ownerName { display:flex; flex-direction: row; flex-wrap: nowrap; align-items:center; } .ownerName span { padding-right: 1.75rem; } .ownerName:after { height: 3px; background-color: #e1c874; content:" "; display:block; min-width: 50px; flex: 1 1 0%; } .ownerDesc p { max-width: 90%; } /* GALLERY */ .page-gallery .row--01 { height: 10rem; } .page-gallery .row--01::before, .page-gallery .row--01::after { content: none; height: 0; width: 0; } #gallerySection .h2 { padding-bottom: .75rem; } .portfolio { margin: 0 .25rem .5rem; width: 49%; width: calc(100%/2 - .5rem); width: -webkit-calc(100%/2 - .5rem); width: -moz-calc(100%/2 - .5rem); } .leftSide { height: 100%; background: no-repeat 50% 100% url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-size: cover; } .rightSide { height: 100%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-position: 100% 20%; background-size: cover; } /* JOBS */ .shortHeader::before, .shortHeader::after { content: none; height: 0; width: 0; } .shortHeader .h2 { margin-bottom: .75rem; } .page-template-jobs-page-template main .shortHeader p { font-size: 1rem; text-align: center; } /* CONTACT */ .contactpgInner > p { max-width: 80%; margin: auto auto 2rem 0; } #getHeight .colInner { padding-top: 2rem; padding-bottom: 3.5rem; max-width: 90%; margin: auto; } .contactpgTop { margin: 0 0 2.5rem 0; } .contactpgBtm { margin: 2.5rem 0 0 0; } .contactpgBtm .h3 { margin-bottom: 1.75rem; } .contactpgBtm .companyLogo { display: block; margin: auto auto 1.5rem auto; } .contactpgBtm .companyLogo.companyLogo--3, .contactpgBtm .companyLogo.companyLogo--4 { } .contactpgBtm .companyLogo_col--last .companyLogo { margin: auto; } .companyLogo--boulos-logo-2 { max-width: 180px; } .companyLogo--scovillefoleysignature-homes_logo { max-width: 180px; } .companyLogo--maine-properties-logo { max-width: 225px; } .companyLogo--southern-maine-remodeling-logo { max-width: 250px; } .companyLogo--southern-maine-remodeling-logo-jan2020 { max-width: 210px; } .companyLogo--the-downs-logo {max-width: 180px;} #contactBubble img { width: 160px; height: auto; } /* FORM */ .gform_fields .gfield#field_1_1, .gform_fields .gfield#field_1_2 { margin-bottom: 2rem; } .gform_fields .gfield#field_1_3, .gform_fields .gfield#field_1_6 { margin-bottom: 2rem; } .gform_fields .gfield#field_1_7 { margin-bottom: 2rem; display: block; width: 100%; } .gform_wrapper ::-webkit-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper ::-moz-placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper :-ms-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper ::-ms-input-placeholder { font-size: 1rem; letter-spacing: .0625rem;} .gform_wrapper :-moz-placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper ::placeholder { font-size: 1rem; letter-spacing: .0625rem; } .gform_wrapper .gform_button { font-size: 1.25rem; letter-spacing: .0625rem; padding: .5rem .5rem; } .gform_validation_container { width: 100%; float: left; } .gform_wrapper .gform_fields .checkBoxes .gfield_checkbox li label, .gform_wrapper .gform_fields .radios ul.gfield_radio li label { font-size: 1.25rem; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { padding: 1.75rem 0; max-width: 100%; margin: auto 5%; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto 5%; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 5%; padding: 1.75rem 0; } .page-earthworks .section-04 .colInner { padding: 1.75rem 0; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 5%; padding: 1.75rem 0; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 5%; padding: 1.75rem 0; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto 5%; } .page-about-us .section-07 .colInner { max-width: 100%; margin: auto 5%; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner, .page-home .section-03 .contentSide .colInner { padding: 1.75rem 0; margin: auto 10%; } /* CONTAINERS CUSTOM CLASSES */ .max-width-lgdown-custom { max-width: 90%; margin: auto; } .sectionspacing { padding-top: 1.875rem; padding-bottom: 2rem; } .sectionspacingSplit { padding-top: 2rem; padding-bottom: 1.5rem; } .sectionspacingSplitBtm { padding-bottom: 2rem; } /* FOOTER */ #footer { padding-top: 1.875rem; padding-bottom: 2rem;} } @media (min-width: 768px) { #main { padding-top: 79px; } /* TEXT */ .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 4rem; line-height: 0.73; z-index: 3; } .h1, .page-about-us .section-01 h1 { font-size: 2.625rem; } /* 42px */ .h1--slider {font-size: 5rem; line-height: 0.8; } .h2 { font-size: 2.25rem; } /* 36px */ .h3, .residentialh2Custom, .abouth2Custom { font-size: 1.875rem; } /* 30px */ .h4 { font-size: 1.5rem; } /* 24px */ .h5, .h6 { font-size: 1.313rem; } /* 22px */ .h1 { margin-bottom: .5rem;} .h2 { margin-bottom: 1rem; } .ownerName.h1 { margin-bottom: 1rem; } .h3, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.25rem; } .h4 { margin-bottom: 1rem; } .h5, .h6 { margin-bottom: 1rem; } .pListsWrap { margin: auto auto auto 10%; max-width: 90%; } .pLists { width: 50%; float: left; } .pLists--left { padding-right: 1rem; } .pLists--right { padding-left: 1rem; } .pLists p { margin-bottom: .5rem; } .colInner .pListItem { margin-bottom: .5rem } .colInner .pListItem--last { margin-bottom: 0; } /* MODAL */ .modal-dialog--custom { max-width: 600px; } .modal-dialog--customTwo { max-width: 725px; max-width: fit-content; } .modal-dialog--custom .modal-body { padding: 1rem 2rem 1rem 2rem; } .modalList {list-style-position: outside; padding-left: 1.75rem; margin-bottom: 1.5rem; font-size: 1.188rem; line-height: 1.3; } .modalList > li { margin-bottom: .4375rem; } .modalList > li:last-of-type { margin-bottom: 0; } /* NAV */ .navTableCell--center { width: auto; } #navbarcustom { top: 79px; width: 17.5rem; } .inner-nav { padding: .875rem 1.5rem; } .logo { width: 280px; } .phone--nav { font-size: 1.25rem; line-height: 1; } /* SLIDER */ .sp-layer.sp-layer--title { bottom: 0 !important; top: auto !important; right: 0% !important; left: auto !important; text-align: center; } .sp-buttons { bottom: 8.5%; } /* HEROS */ .hero { position: relative; height: 500px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center; } #hero::before { content: ''; position: absolute; bottom: 0; left: 0;z-index: 2; width: 100%; height: 100%;background-color: rgba(0,0,0,.10); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%);} /* GALLERY */ .page-gallery .row--01 { position: relative; height: 10rem; margin: 0 0 .5rem 0; } .leftSide { height: 100%; background: no-repeat 50% 100% url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-size: cover; } .rightSide { height: 100%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-position: 100% 20%; background-size: cover; } #gallerySection .h2 { padding-bottom: 1rem; } .portfolio { margin: 0 .25rem .5rem; width: 49%; width: calc(100%/2 - .5rem); width: -webkit-calc(100%/2 - .5rem); width: -moz-calc(100%/2 - .5rem); } .galLink { height: 100%; width: 100%; } .galLink--video { position: absolute; top: 0; left: 0; } .galLink--video::before { content: ''; background-color: rgba(255,255,255,.6); height: 100%; width: 100%; position: absolute; } .portfolio .vidPlay { position: absolute; z-index: 3; display: block; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32%; height: 32%; margin-left: -16%; } .portfolio .vidPlay .fa-secondary { fill: #7a7b7e; opacity: 1} .portfolio .vidPlay .fa-primary { fill: #fff; opacity: 1} #filters.stick { top: 80px; } /* CONTACT */ #getHeight .colInner { padding-top: 2rem; padding-bottom: 3.5rem; max-width: 90%; margin: auto; } .contactpgTop { margin: 0 0 3rem 0; } .contactpgBtm { margin: 3rem 0 0 0; } .contactpgBtm .h3 { margin-bottom: 1.75rem; } .contactpgBtm .companyLogo { display: block; margin: auto auto 2.5rem auto; } .contactpgBtm .companyLogo.companyLogo--3, .contactpgBtm .companyLogo.companyLogo--4 { } .contactpgBtm .companyLogo_col--last .companyLogo { margin: auto; } .companyLogo--boulos-logo-2 { max-width: 180px; } .companyLogo--scovillefoleysignature-homes_logo { max-width: 180px; } .companyLogo--maine-properties-logo { max-width: 225px; } .companyLogo--southern-maine-remodeling-logo { max-width: 250px; } .companyLogo--southern-maine-remodeling-logo-jan2020 { max-width: 210px; } .companyLogo--the-downs-logo {max-width: 180px;} /* FORM */ .gform_fields .gfield#field_1_1, .gform_fields .gfield#field_1_2 { margin-bottom: 3rem; } .gform_fields .gfield#field_1_3, .gform_fields .gfield#field_1_6 { margin-bottom: 4rem; } .gform_fields .gfield#field_1_7, .gform_fields .gfield.captchaField { margin-bottom: 1.5rem; float: left; display: block; width: 100%; } .ginput_recaptcha > div { margin-left: auto; margin-right: auto; } .quarterField { display: inline; float: left; width: 29.333333%; margin-right: 4%; } .quarterField--last {} .halfField { display: inline; float: left; width: 47%; } .halfField--left { margin-right: 6%; } .thirdField { display: inline; float: left; width: 29.3333333%; margin-right: 6%; } .thirdField--last { margin-right: 0; } .twoThirdsfield { display: inline; float: left; width: 64.6666666%; margin-right: 6%;} .twoThirdsfield--left {} .twoThirdsfield--right { margin-right: 0; } .sixthField, .sixthfield { display: inline; float: left; width: 14.16666666%; margin-right: 3%; } .sixthField--third, .sixthfield--third { margin-right: 3%; } .sixthField--last, .sixthfield--last { margin-right: 0; } .fullWidth { display: inline-block; width: 100%; } .customForm .gform_fields .gfield { margin-bottom: 3rem; } .customForm .gform_fields .gfield.conditional-margin { } .customForm .gform_fields .gfield.sectionTitleDivider {} .customForm .gform_fields .gfield.customQuestionTitle { margin-bottom: 1.125rem; } .customForm .gsection_description, .customForm .gfield_description { font-size: 1.125rem; } .customForm .gform_fields .gfield label.gfield_label, .customForm .gform_fields .gfield fieldset legend.gfield_label { font-size: 1.5rem; } .gform_wrapper .gform_fields .checkBoxes .gfield_checkbox li label { font-size: 1.375rem; } .gform_wrapper .gform_fields .checkBoxes.checkBoxes--vertical .gfield_checkbox li label { margin-bottom: .75rem; } .gform_wrapper .gform_fields .radios ul.gfield_radio li label { font-size: 1.375rem; } .gform_wrapper .gform_fields .checkBoxes.checkBoxes--horizontal .gfield_checkbox li label { margin-bottom: 0; } .gform_wrapper .checkBoxes.checkBoxes--horizontal ul.gfield_checkbox li { display: -moz-inline; display: inline; margin-right: .5rem; } .gform_wrapper .checkBoxes.checkBoxes--horizontal ul.gfield_checkbox li:last-child { margin-right: 0; } .gform_wrapper ::-webkit-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper ::-moz-placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper :-ms-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper ::-ms-input-placeholder { font-size: .875rem; letter-spacing: .0625rem;} .gform_wrapper :-moz-placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper ::placeholder { font-size: .875rem; letter-spacing: .0625rem; } .gform_wrapper .gform_button { font-size: 1.25rem; letter-spacing: .0625rem; padding: .5rem .5rem; } /* ABOUT */ .page-about-us .section-01 h1 { padding-top: 2rem; padding-bottom: 2rem; } .mainebclogo { width: 270px; } .managers-row .col-12 .managers { position: relative; float: left; display: inline-block; margin: 0 .25rem .5rem; width: 32%; width: calc(100%/3 - .5rem); width: -webkit-calc(100%/3 - .5rem); width: -moz-calc(100%/3 - .5rem); } .managers figcaption { position: absolute; z-index: 3; bottom: 7.5%; width: 100%; left: 0; text-align: center; } .managers::after { z-index: 2; content: ""; background: url(https://risbara.com/wp-content/uploads/shadow.png); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } #ownership .colInner { padding: 2rem 0; margin-left: 5%; } .ownerName { display:flex; flex-direction: row; flex-wrap: nowrap; align-items:center; } .ownerName span { padding-right: 1.75rem; } .ownerName:after { height: 3px; background-color: #e1c874; content:" "; display:block; min-width: 50px; flex: 1 1 0%; } .ownerDesc p { max-width: 90%; } /* RESIDENTIAL */ .residentialCollage { display: inline-block; float: left; } .residentialCollage--left { width: 66.56%; width: calc(1294 / 1944 * 100%); } .residentialCollage--right { width: 33.44%; width: calc(650 / 1944 * 100%); } .residentialCollage01--left { width: calc(676 / 1948 * 100%); } .residentialCollage01--right { width: calc(1272 / 1948 * 100%); } .residentialCollage02--left { width: calc(1274 / 1946 * 100%); } .residentialCollage02--right { width: calc(672 / 1946 * 100%); } /* COMMERCIAL */ .commercialCollage { display: inline-block; float: left; } .commercialCollage--left { width: 66.67%; width: calc(1280 / 1920 * 100%); } .commercialCollage--right { width: 33.33%; width: calc(640 / 1920 * 100%); } .commercialCollage01--left { width: 33.75%; width: calc(648 / 1920 * 100%); } .commercialCollage01--right { width: 66.25%; width: calc(1272 / 1920 * 100%); } .commercialCollage02--left { width: 65.10%; width: calc(1250 / 1920 * 100%); } .commercialCollage02--right { width: 34.9%; width: calc(670 / 1920 * 100%); } .commercialCollage03--left { width: 100%; } .commercialCollage03--right { background-position: center; width: 100%; background-image: url(https://risbara.com/wp-content/uploads/commercial-hero-img-sm.jpg); background-size: cover;} .commercialCollage03--right .colInner { height: 450px; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { padding: 2rem 0; max-width: 100%; margin: auto; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto 5%; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 5%; padding: 2rem 0; } .page-earthworks .section-04 .colInner { padding: 2rem 0; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 5%; padding: 2rem 0; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 5%; padding: 2rem 0; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto 5%; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner, .page-home .section-03 .contentSide .colInner { padding: 2rem 0; margin: auto 10%; } /* FOOTER */ #footer { padding-top: 3rem; padding-bottom: 3rem; } .col-md-custom { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .mx-auto-custom { margin: auto auto auto auto; } .social-icons--footer a { margin-right: .25rem; font-size: 1rem; } .contactInner > p { max-width: 80%; margin: auto auto auto auto; } .contactpgInner > p { max-width: 80%; margin: auto auto 2rem 0; } /* CONTAINERS CUSTOM CLASSES */ .max-width-lgdown-custom { max-width: 90%; margin: auto; } .sectionspacing { padding-top: 2rem; padding-bottom: 2rem; } .sectionspacingSplit { padding-top: 2rem; padding-bottom: 1.5rem; } .sectionspacingSplitBtm { padding-bottom: 2rem; } /* JOBS */ .shortHeader .h2 { padding-bottom: 0; margin-bottom: 1rem; } .shortHeaderr::before { content: ''; height: 9rem; width: 16.666667%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; z-index: -1; } .shortHeaderr::after { content: ''; height: 9rem; width: 16.666667%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; z-index: -1; } .shortHeader{ height: 15rem; position: relative; padding-top: 0; padding-bottom: 0; } .page-template-jobs-page-template main .shortHeader p { font-size: 1rem; text-align: center; } /*** JOB APPLICATION FORM ***/ .listField .gfield_list_row_even { background: lightgrey; } .listField table.gfield_list { width: 100%; } /* Employment History */ .listField.listField--employment td.gfield_list_cell:nth-child(1) { width: 17.5%; } .listField.listField--employment td.gfield_list_cell:nth-child(2) { width: 17.5%; } .listField.listField--employment td.gfield_list_cell:nth-child(3) { width: 30%; } .listField.listField--employment td.gfield_list_cell:nth-child(4) { width: 35%; } .listField.listField--employment td.gfield_list_cell:nth-child(5) { width: 20%; } .listField.listField--employment td.gfield_list_cell:nth-child(6) { width: 25%; } .listField.listField--employment td.gfield_list_cell:nth-child(7) { width: 25%; } .listField.listField--employment td.gfield_list_cell:nth-child(8) { width: 30%; } .gform_wrapper .listField--employment table.gfield_list .gfield_list_row_odd td:nth-last-child(-n+3) { padding-bottom: 30px; } .listField.listField--education td.gfield_list_cell:nth-child(1) { width: 20%; } .listField.listField--education td.gfield_list_cell:nth-child(2) { width: 80%; } .listField.listField--education td.gfield_list_cell:nth-child(3) { width: 17.5%; } .listField.listField--education td.gfield_list_cell:nth-child(4) { width: 17.5%; } .listField.listField--education td.gfield_list_cell:nth-child(5) { width: 20%; } .listField.listField--education td.gfield_list_cell:nth-child(6) { width: 45%; } /* JOB APPLICATION PG */ .dl-application-wrap { position: absolute; top: 2%; right: .875rem; } } @media (min-width: 992px) { #main { padding-top: 88px; } /* TEXT */ main p, main li, .buttonLink, main .liame { font-size: 1.0625rem } .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 5rem; line-height: 0.73; } .h1, .page-about-us .section-01 h1 { font-size: 2.625rem; } /* 42px */ .h1--slider {font-size: 5rem; line-height: 0.8; } .h2, .residentialh2Custom, .abouth2Custom { font-size: 2.25rem; } /* 36px */ .h3 { font-size: 1.875rem; } /* 30px */ .h4 { font-size: 1.5rem; } /* 24px */ .h5, .h6 { font-size: 1.313rem; } /* 22px */ .h1 { margin-bottom: 1rem; } .h2, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.75rem; } #gallerySection .h2 { padding-bottom: 0; margin-bottom: 1rem; } .ownerName.h1 { margin-bottom: 1rem; } .h3 { margin-bottom: 1.25rem; } .h4 { margin-bottom: 1rem; } .h5, .h6 { margin-bottom: 1rem; } .pListsWrap { max-width: 800px; margin: auto auto auto auto; padding-left: 8rem; } .pLists { width: 50%; float: left; } .pLists--left { padding-right: 1rem; } .pLists--right { padding-left: 1rem; } .pLists p { margin-bottom: .5rem; } .colInner .pListItem { margin-bottom: .5rem } .colInner .pListItem--last { margin-bottom: 0; } /* NAV */ .inner-nav { padding: .875rem 2rem; } .nav-link { display: block; } #navbarcustom { top: 88px; } #navbarcustom ul { background-color: rgb(200,16,46); background-color: rgba(200,16,46,1); padding: 0 0 0 0; } #navbarcustom ul li a { font-size: 1.0625rem; border-right: 0; padding: 1rem 1.5rem; margin: 0; } .logo { width: 280px; } .phone--nav { font-size: 1.5rem; line-height: 1; } /* HOME */ .page-home .section-02 .row, .page-home .section-03 .row, .page-home .section-04 .row { position: relative; } .contentSide { margin-left: -10%; -ms-flex: 0 0 43.333333%; flex: 0 0 43.333333%; max-width: 43.333333%; } .contentSide--left { margin-left: 0; margin-right: -10%; z-index: 1029; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner { margin: auto; padding: 0 5% 0 10%; } .page-home .section-03 .contentSide .colInner { margin: auto; padding: 0 10% 0 10%; } .hpLine { display: block; height: 3px; width: 100%; background-color: #fff; position: absolute; animation-duration: 2s; } .hpLine--01 { bottom: 5%; } .hpLine--03 { bottom: 5%; } .hpLine--02 { bottom: 10%; } .hpLine--01, .hpLine--03 { right: 0%; } .hpLine--02 { left: 0%; } .animated.hpLine--01, .animated.hpLine--03 { right: 10%; } .animated.hpLine--02 { left: 10%; } .sp-buttons { bottom: 7%; } /* HEROS */ .hero { position: relative; height: 500px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center; } .intro h1 { z-index: 3; } /* ABOUT */ .page-about-us .section-01 h1 { padding-top: 0; padding-bottom: 0; } .aboutCollage { display: inline-block; float: left; } .aboutCollage--left { width: 60.39%; } .aboutCollage--right { width: 39.61%; } #ownership .colInner { margin-left: 2rem; padding: 0; } .ownerName { display:flex; flex-direction: row; flex-wrap: nowrap; align-items:center; } .ownerName span { padding-right: 1.75rem; } .ownerName:after { height: 3px; background-color: #e1c874; content:" "; display:block; min-width: 50px; flex: 1 1 0%; } .mainebclogo { width: 270px; } .ownerDesc p { max-width: 95%; } /* EARTH WORKS */ .hero--earthworks { background-image: url(https://risbara.com/wp-content/uploads/earthworks-hero-img-lg.jpg); } /* RESIDENTIAL */ .hero--residential { background-image: url(https://risbara.com/wp-content/uploads/residential-hero-img-lg.jpg); } .residentialCollage { display: inline-block; float: left; } .residentialCollage--left { width: 66.56%; width: calc(1294 / 1944 * 100%); } .residentialCollage--right { width: 33.44%; width: calc(650 / 1944 * 100%); } .residentialCollage01--left { width: calc(676 / 1948 * 100%); } .residentialCollage01--right { width: calc(1272 / 1948 * 100%); } .residentialCollage02--left { width: calc(1274 / 1946 * 100%); } .residentialCollage02--right { width: calc(672 / 1946 * 100%); } /* COMMERCIAL */ .hero--commercial { background-image: url(https://risbara.com/wp-content/uploads/commercial-hero-img-lg.jpg); } .commercialCollage { display: inline-block; float: left; } .commercialCollage--left { width: 66.67%; width: calc(1280 / 1920 * 100%); } .commercialCollage--right { width: 33.33%; width: calc(640 / 1920 * 100%); } .commercialCollage01--left { width: 33.75%; width: calc(648 / 1920 * 100%); } .commercialCollage01--right { width: 66.25%; width: calc(1272 / 1920 * 100%); } .commercialCollage02--left { width: 65.10%; width: calc(1250 / 1920 * 100%); } .commercialCollage03--left { width: 65%; } .commercialCollage02--right { width: 34.9%; width: calc(670 / 1920 * 100%); } .commercialCollage03--right { background-position: center; width: 35%; background-image: url(https://risbara.com/wp-content/uploads/commercial-images-07.jpg); } .commercialCollage03--right .colInner { height: 500px; } .flipCols { -ms-flex-direction: row!important; flex-direction: row!important;} /* GALLERY */ .imgNumber { color: #fff; font-weight: 500; background-color: rgba(0,0,0,.6); padding: 0 .25rem; position: absolute; bottom: 0; right: 0; z-index: 1029; } .page-gallery .row--01 { position: relative; overflow: hidden; height: 10rem; margin: 0 0 .5rem 0; } .filters--wrap .filter { line-height: 1; margin: 0 1rem; padding: 0 .5rem; position: relative; font-size: 1.25rem; } .leftSide { height: 100%; background: no-repeat 50% 100% url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-size: cover; } .rightSide { height: 100%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-position: 100% 20%; background-size: cover; } .buttonDivider { } .filters--wrap .filter:last-of-type { } .mixitup-control-active { text-decoration: underline; } .portfolio { margin: 0 .25rem .5rem; width: 32%; width: calc(100%/3 - .5rem); width: -webkit-calc(100%/3 - .5rem); width: -moz-calc(100%/3 - .5rem); } .galLink { height: 100%; width: 100%; } .galLink--video { position: absolute; top: 0; left: 0; } .galLink--video::before { content: ''; background-color: rgba(255,255,255,.6); height: 100%; width: 100%; position: absolute; } .portfolio .vidPlay { position: absolute; z-index: 3; display: block; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32%; height: 32%; margin-left: -16%; } .portfolio .vidPlay .fa-secondary { fill: #7a7b7e; opacity: 1} .portfolio .vidPlay .fa-primary { fill: #fff; opacity: 1} .portfolio--image img { transition: all .2s ease-in-out; } .galLink--image { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .galLink--image:hover img { transform: scale(1.1); } .filters--wrap { position: relative !important; will-change: unset !important; top: auto !important; left: auto !important; transform: none !important; } #filters.stick { display: none !important; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { max-width: 100%; margin: auto 5%; padding: 2rem 0 2.25rem; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto 7.5%; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 7.5%; padding: 2rem 0; } .page-residential .section-05 img { height: 100%; object-fit: cover; object-position: center;} .page-earthworks .section-04 .colInner { max-width: 100%; margin: auto 7.5%; padding: 0; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 7.5%; padding: 2rem 0; } .page-earthworks .section-06 img { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 7.5%; padding: 2.5rem 0;} .page-about-us .section-04 img:not(.mainebclogo) { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto 7.5%; } .page-about-us .section-07 .colInner { max-width: 100%; margin: auto; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner { margin: auto; padding: 0 5% 0 10%; } .page-home .section-03 .contentSide .colInner { margin: auto; padding: 0 10% 0 10%; } .page-home .section-02 .contentSide .colInner p, .page-home .section-04 .contentSide .colInner p, .page-home .section-03 .contentSide .colInner p { color: #fff; } /* FOOTER */ .contactInner > p { max-width: 80%; margin: auto auto auto 0; } #footer { font-size: 1.0625rem; padding-top: 4rem; padding-bottom: 4rem; } .col-lg-custom { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .mx-auto-custom { margin: auto auto auto 7.5%; } .custom-divider { width: 3px; background-color: #fff; margin: auto; display: block; height: 100%;} .col-footer-custom .row { margin-right: -15px; margin-left: -15px; } .col-footer-custom .row > [class*=col-12] { padding-right: 15px; padding-left: 15px; } /* CONTACT */ #getHeight .colInner { padding-top: 3rem; padding-bottom: 4.5rem; max-width: 85%; margin: auto; } .contactpgInner > p { max-width: 500px; margin: auto auto 2rem 0; } #contactBubble img { width: auto; height: auto; } /* CONTAINERS CUSTOM CLASSES */ .max-width-lgdown-custom { max-width: 85%; margin: auto; } .sectionspacing { padding-top: 0; padding-bottom: 0; border: 0; } /* JOBS */ .shortHeader .h2 { padding-bottom: 0; margin-bottom: 1rem; } .shortHeader{ height: 14rem; position: relative; } /* JOB APPLICATION PG */ .dl-application-wrap { position: absolute; top: 3%; right: .5rem; } } @media (min-width: 1200px) { /* NAV */ #navbarcustom { position: relative; width: 100%; margin-top: 0; right: auto; top: auto; } #navbarcustom ul { background-color: rgb(200,16,46); background-color: rgba(200,16,46,.8); } #navbarcustom ul li { position: relative; padding-bottom: 0; margin-bottom: 0; display: inline-block; } #navbarcustom ul li a { font-size: 1.25rem; line-height: 1.25; padding: 0 2.25rem; margin: 1.5rem 0; border-right: 2px solid #fff; } #navbarcustom ul li::after { content: none; } #navbarcustom ul li:first-of-type { padding-top: 0; margin-top: 0; } #navbarcustom ul li:last-of-type { padding-bottom: 0; } #navbarcustom ul li:last-of-type a { border-right: 0; } #main { padding-top: 84px; } .logo { width: 280px; } .phone--nav { font-size: 1.5rem; line-height: 1; } /* TEXT */ main p, main li, .buttonLink, main .liame, .managers--title { font-size: 1.125rem } .page-template-jobs-page-template main .shortHeader p { font-size: 1.0625rem; text-align: center; } .intro h1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 5.75rem; line-height: 0.73; } .h1, .page-about-us .section-01 h1 { font-size: 3.5rem; } /* 56px */ .h2, .residentialh2Custom, .abouth2Custom { font-size: 2.875rem; } /* 46px */ .h3 { font-size: 2.375rem; } /* 38px */ .h4 { font-size: 1.875rem; } /* 30px */ .h5, .h6 { font-size: 1.5rem; } /* 24px */ .h1 { margin-bottom: 1rem; } .h2, .ownerName.h1, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.75rem; } #gallerySection .h2 { margin-bottom: 1.75rem; } .h3 { margin-bottom: 1.25rem; } .h4 { margin-bottom: 1rem; } .h5, .h6 { margin-bottom: 1rem; } .pListsWrap { max-width: 960px; margin: auto auto auto auto; padding-left: 11rem; } .pLists { width: 50%; float: left; } .pLists--left { padding-right: 1rem; } .pLists--right { padding-left: 1rem; } .pLists p { margin-bottom: .5rem; } .buttonLink { letter-spacing: 0.125rem; } .buttonLink > span { vertical-align: text-top; line-height: 1; height: 1.063rem; width: 1rem; display: inline-block; } /* HELPERS */ .col-xl-1customm { -ms-flex: 0 0 12% !important; flex: 0 0 12% !important; max-width: 12% !important; } .custom-divider { width: 3px; background-color: #fff; margin: auto; display: block; height: 100%; } /* SECTION SPACING */ .pt-xl-55, .py-xl-55 { padding-top: 4.5rem !important; } .pb-xl-55, .py-xl-55 { padding-bottom: 4.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 6rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 6rem !important; } .pt-xl-65, .py-xl-65 { padding-top: 9rem !important; } .pb-xl-65, .py-xl-65 { padding-bottom: 9rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 12rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 12rem !important; } .mt-xl-55, .my-xl-55 { margin-top: 4.5rem !important; } .mb-xl-55, .my-xl-55 { margin-bottom: 4.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 6rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 6rem !important; } .mt-xl-65, .my-xl-65 { margin-top: 9rem !important; } .mb-xl-65, .my-xl-65 { margin-bottom: 9rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 12rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 12rem !important; } /* CONTAINERS CUSTOM CLASSES */ .max-width-lgdown-custom { max-width: 100%; } /* HEROS */ .hero { position: relative; height: 500px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center; -webkit-transform: translateZ(0); transform: translateZ(0);} /* ABOUT */ .col-count-2-xl { column-count: 2; column-gap: 2rem; column-rule: 1px solid #fff; column-span: all; column-width: auto; } .managers { position: relative; float: left; } .managers-row .col-12 .managers { margin: 0 .25rem .5rem; width: 24%; width: calc(100%/4 - .5rem); width: -webkit-calc(100%/4 - .5rem); width: -moz-calc(100%/4 - .5rem); } .managers figcaption { position: absolute; z-index: 3; bottom: 7.5%; width: 100%; left: 0; text-align: center; } .managers::after { z-index: 2; content: ""; background: url(https://risbara.com/wp-content/uploads/shadow.png); position: absolute; left: 0; bottom: 0; width: 100%; height: 260px; } #ownership .colInner { margin-left: 0; } .ownerName { display:flex; flex-direction: row; flex-wrap: nowrap; align-items:center; } .ownerName span { padding-right: 2.5rem; } .ownerName:after { height: 3px; background-color: #e1c874; content:" "; display:block; min-width: 50px; flex: 1 1 0%; } .mainebclogo { width: 280px; } .ownerDesc p { max-width: 95%; } /* RESIDENTIAL */ .hero--residential { background-image: url(https://risbara.com/wp-content/uploads/residential-hero-img-lg.jpg); } /* COMMERCIAL */ .hero--commercial { background-image: url(https://risbara.com/wp-content/uploads/commercial-hero-img-lg.jpg); } .commercialCollage03--left { width: 65.10%; width: calc(1250 / 1920 * 100%); } .commercialCollage03--right { background-position: center; width: 34.9%; width: calc(670 / 1920 * 100%); background-image: url(https://risbara.com/wp-content/uploads/commercial-images-07.jpg); } .commercialCollage03--right .colInner { height: 600px; } /* EARTH WORKS */ .hero--earthworks { background-image: url('https://risbara.com/wp-content/uploads/earthworks-hero-img-lg.jpg'); } /* GALLERY */ .filtersOuter { } .page-gallery .row--01 { position: relative; overflow: hidden; height: 13rem; margin: 0 0 .5rem 0; } .leftSide { height: 100%; background: no-repeat 50% 100% url("https://risbara.com/wp-content/uploads/lines-gal.png"); background-size: 100%; } .rightSide { height: 100%; background-image: url("https://risbara.com/wp-content/uploads/lines-gal-02.png"); background-repeat: no-repeat; background-position: 100% 20%; background-size: 80%; } .filters--wrap .filter { font-size: 1.5rem; } .filters--wrap .filter { margin: 0 .5rem; padding: 0 .5rem; } .buttonDivider { font-size: 1.5rem; } .filters--wrap .filter:last-of-type { margin: 0 0 0 .5rem; } .portfolio { margin: 0 .25rem .5rem; width: 24%; width: calc(100%/4 - .5rem); width: -webkit-calc(100%/4 - .5rem); width: -moz-calc(100%/4 - .5rem); } .galLink { height: 100%; width: 100%; } .galLink--video { position: absolute; top: 0; left: 0; } .galLink--video::before { content: ''; background-color: rgba(255,255,255,.6); height: 100%; width: 100%; position: absolute; } .portfolio .vidPlay { position: absolute; z-index: 3; display: block; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32%; height: 32%; margin-left: -16%; } .portfolio .vidPlay .fa-secondary { fill: #7a7b7e; opacity: 1} .portfolio .vidPlay .fa-primary { fill: #fff; opacity: 1} .portfolio--image img { transition: all .2s ease-in-out; } .galLink--image { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .galLink--image:hover img { transform: scale(1.1); } /** HOMEPAGE **/ .h1--slider {position: absolute; bottom: 15%; left: 0; width: 100%; text-align: center; margin-bottom: 0; color: #fff; font-size: 5.25rem; line-height: 0.8; text-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15); z-index: 3; } /* SLIDER */ .sp-layer.sp-layer--title { width: auto !important; bottom: 2.5% !important; top: auto !important; right: 2% !important; left: auto !important; background-color: transparent; z-index: 3; } .sp-static.sp-static--overlay { height: 100%; width: 100%; position: absolute; bottom: auto; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,.10); background: -moz-linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); background: linear-gradient(360deg, rgba(0,0,0,0.48503151260504207) 0%, rgba(0,0,0,0.1516981792717087) 54%, rgba(0,0,0,0.04805672268907568) 90%); } .sp-buttons { bottom: 2.5%; } .page-home .section-02 .row, .page-home .section-03 .row, .page-home .section-04 .row { position: relative; } .contentSide { margin-left: -10%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .contentSide--left { margin-left: 0; margin-right: -10%; z-index: 1029; } .page-home .section-02 .imageSide img, .page-home .section-03 .imageSide img, .page-home .section-04 .imageSide img { width: 100%; } .hpLine { display: block; height: 3px; width: 100%; background-color: #fff; /*transition: width 3s ease-out;*/ position: absolute; bottom: 5%; animation-duration: 2s; } .hpLine--01, .hpLine--03 { right: 0%; } .hpLine--02 { left: 0%; } .animated.hpLine--01, .animated.hpLine--03 { right: 10%; } .animated.hpLine--02 { left: 10%; } /* JARALLAX */ .jarallax--ninetypieces { height: 90vh; } /* CONTACT */ #getHeight .colInner { padding: 3.75rem 10% 5rem; max-width: 100%; } .contactpgInner > p { max-width: 80%; margin: auto auto 2rem 0; } .contactpgBtm { margin: 3rem 0 0 0; } .contactpgBtm .h3 { margin-bottom: 1.75rem; } .contactpgBtm .companyLogo { display: block; margin: auto auto 2.5rem auto; } .contactpgBtm .companyLogo.companyLogo--3, .contactpgBtm .companyLogo.companyLogo--4 { } .contactpgBtm .companyLogo_col--last .companyLogo { margin: auto; } .companyLogo--boulos-logo-2 { max-width: 180px; } .companyLogo--scovillefoleysignature-homes_logo { max-width: 180px; } .companyLogo--maine-properties-logo { max-width: 225px; } .companyLogo--southern-maine-remodeling-logo { max-width: 250px; } .companyLogo--southern-maine-remodeling-logo-jan2020 { max-width: 210px; } .companyLogo--the-downs-logo {max-width: 180px;} .contactpgTop { margin: 0 0 3.5rem 0; } /* CONTACT FOOTER */ #contact { } .contactInner > p { max-width: 80%; margin: auto auto auto 0; } .contactpgInner > p { max-width: 80%; margin: auto auto 2rem 0; } /* FOOTER */ #footer { font-size: 1.25rem; padding-top: 5rem; padding-bottom: 5rem; } .col-xl-custom { -ms-flex: 0 0 1000px; flex: 0 0 1000px; max-width: 1000px;} .mx-auto-custom { margin: auto auto auto auto; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { max-width: 85%; margin: auto; padding: 0; } .page-residential .section-04 .colInner { max-width: 1110px; margin: auto; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 10%; padding: 2.5rem 0; } .page-residential .section-05 img { height: 100%; object-fit: cover; object-position: center;} .page-earthworks .section-04 .colInner { max-width: 100%; margin: auto 10%; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 10%; padding: 2.5rem 0; } .page-earthworks .section-06 img { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 10%; padding: 2.5rem 0; } .page-about-us .section-04 img:not(.mainebclogo) { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-05 .colInner { max-width: 1110px; margin: auto; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner { margin: auto; padding: 0 5% 0 10%; } .page-home .section-03 .contentSide .colInner { margin: auto; padding: 0 10% 0 10%; } /* FORMS */ .quarterField { display: inline; float: left; width: 20.5%; margin-right: 6%; } .quarterField--last { margin-right: 0; } .halfField { display: inline; float: left; width: 47%; } .halfField--left { margin-right: 6%; } .thirdField { display: inline; float: left; width: 29.3333333%; margin-right: 6%; } .thirdField--last { margin-right: 0; } .twoThirdsfield { display: inline; float: left; width: 64.6666666%; margin-right: 6%;} .twoThirdsfield--left {} .twoThirdsfield--right { margin-right: 0; } .sixthField, .sixthfield { display: inline; float: left; width: 14.16666666%; margin-right: 3%; } .sixthField--third, .sixthfield--third { margin-right: 3%; } .sixthField--last, .sixthfield--last { margin-right: 0; } /* JOBS */ .shortHeader{ height: 14.5rem; position: relative; } .shortHeader .h2 { margin-bottom: 1.125rem; } /*** JOB APPLICATION FORM ***/ .listField .gfield_list_row_even { background: lightgrey; } .listField table.gfield_list { width: 100%; } /* Employment History */ .listField.listField--employment td.gfield_list_cell:nth-child(1), .listField.listField--employment td.gfield_list_cell:nth-child(2) { width: 12.5%; } .listField.listField--employment td.gfield_list_cell:nth-child(3) { width: 25%; } .listField.listField--employment td.gfield_list_cell:nth-child(4) { width: 25%; } .listField.listField--employment td.gfield_list_cell:nth-child(5) { width: 25%; } .listField.listField--employment td.gfield_list_cell:nth-child(6), .listField.listField--employment td.gfield_list_cell:nth-child(7), .listField.listField--employment td.gfield_list_cell:nth-child(8) { width: 33.333%; } .gform_wrapper .listField--employment table.gfield_list .gfield_list_row_odd td:nth-last-child(-n+3) { padding-bottom: 30px; } .listField.listField--education td.gfield_list_cell:nth-child(1), .listField.listField--education td.gfield_list_cell:nth-child(5) { width: 15%; } .listField.listField--education td.gfield_list_cell:nth-child(3), .listField.listField--education td.gfield_list_cell:nth-child(4) { width: 12.5%; } .listField.listField--education td.gfield_list_cell:nth-child(2) { width: 25%; } .listField.listField--education td.gfield_list_cell:nth-child(6) { width: 20%; } } @media (min-width: 1400px) { /* TEXT */ main p, main li, .buttonLink, main .liame { font-size: 1.375rem } .ownerDesc p, main .liame.liame--ownership { font-size: 1.25rem; } .page-template-jobs-page-template main .shortHeader p { font-size: 1.25rem; } .intro h1 { font-size: 6.25rem; line-height: 0.73; } .h1, .page-about-us .section-01 h1 { font-size: 3.75rem; } /* 60px */ .h2, .residentialh2Custom, .abouth2Custom { font-size: 3.125rem; } /* 50px */ .h3 { font-size: 2.625rem; } /* 42px */ .h4 { font-size: 2.25rem; } /* 36px */ .h5, .h6 { font-size: 2rem; } /* 32px */ .h1 {} .h2, .ownerName.h1, .residentialh2Custom, .abouth2Custom { margin-bottom: 1.75rem; } .h3 { margin-bottom: 1.25rem; } .h4 { margin-bottom: 1rem; } .h5, .h6 { margin-bottom: 1rem; } .pListsWrap { max-width: 1000px; margin: auto auto auto auto; padding-left: 11rem; } .pLists { width: 50%; float: left; } .pLists--left { padding-right: 1rem; } .pLists--right { padding-left: 1rem; } .pLists p { margin-bottom: .5rem; } .buttonLink { letter-spacing: 0.125rem; } .buttonLink > span { vertical-align: text-top; line-height: 1; height: 1.063rem; width: 1rem; display: inline-block; } .phone--nav { font-size: 1.625rem; } /* LIGHTBOX */ .fancybox-caption__body { font-size: 1.125rem; } /* HOMEPAGE */ .h1--slider { font-size: 7.125rem; line-height: 0.8; bottom: 14%; } .hpLine--01 { bottom: 5%; } .hpLine--03 { bottom: 5%; } .hpLine--02 { bottom: 10%; } .hpLine--01, .hpLine--03 { right: 0%; } .hpLine--02 { left: 0%; } .animated.hpLine--01, .animated.hpLine--03 { right: 15%; } .animated.hpLine--02 { left: 15%; } /* SLIDER */ .sp-buttons { bottom: 2%; } .sp-layer.sp-layer--title { bottom: 2% !important; } /* HEROS */ .hero { position: relative; height: 786px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; -webkit-transform: translateZ(0); transform: translateZ(0);} /* CONTAINERS CUSTOM CLASSES */ .max-width-1300 { max-width: 1300px; } #footer .max-width-1300 { margin: auto; } /* CUSTOM COLUMNS */ .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* SECTION SPACING */ .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pt-xxl-55, .py-xxl-55 { padding-top: 4.5rem !important; } .pb-xxl-55, .py-xxl-55 { padding-bottom: 4.5rem !important; } .pt-xxl-6, .py-xxl-6 { padding-top: 6rem !important; } .pb-xxl-6, .py-xxl-6 { padding-bottom: 6rem !important; } .pt-xxl-65, .py-xxl-65 { padding-top: 9rem !important; } .pb-xxl-65, .py-xxl-65 { padding-bottom: 9rem !important; } .pt-xxl-7, .py-xxl-7 { padding-top: 12rem !important; } .pb-xxl-7, .py-xxl-7 { padding-bottom: 12rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .mt-xxl-55, .my-xxl-55 { margin-top: 4.5rem !important; } .mb-xxl-55, .my-xxl-55 { margin-bottom: 4.5rem !important; } .mt-xxl-6, .my-xxl-6 { margin-top: 6rem !important; } .mb-xxl-6, .my-xxl-6 { margin-bottom: 6rem !important; } .mt-xxl-65, .my-xxl-65 { margin-top: 9rem !important; } .mb-xxl-65, .my-xxl-65 { margin-bottom: 9rem !important; } .mt-xxl-7, .my-xxl-7 { margin-top: 12rem !important; } .mb-xxl-7, .my-xxl-7 { margin-bottom: 12rem !important; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { max-width: 100%; margin: auto 5%; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto 5%; } .page-residential .section-05 .colInner { max-width: 100%; margin: auto 10%; padding: 3.5rem 0; } .page-residential .section-05 img { height: 100%; object-fit: cover; object-position: center; } .page-earthworks .section-04 .colInner { max-width: 100%; margin: auto 10% auto 15%; } .page-earthworks .section-06 .colInner { max-width: 100%; margin: auto 10%; padding: 3.5rem 0; } .page-earthworks .section-06 img { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-04 .colInner { max-width: 100%; margin: auto 10%; padding: 3.5rem 0; } .page-about-us .section-04 img:not(.mainebclogo) { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner { margin: auto; padding: 0 10% 0 15%; } .page-home .section-03 .contentSide .colInner { margin: auto; padding: 0 10% 0 15%; } /* ABOUT */ .managers-row {} .ownerDesc p { max-width: 90%; } .mainebclogo { width: 320px; } .managers::after { height: 349px; } /* COMMERCIAL */ .commercialCollage03--right .colInner { height: 800px; } /* GALLERY */ .page-gallery .row--01 { height: 15.625rem; } .filters--wrap .filter { margin: 0 1rem; padding: 0 .5rem; font-size: 1.75rem; } .filters--wrap .filter, .buttonDivider { font-size: 2rem; } /* JOBS */ .shortHeader { height: 18rem; } .shortHeader .h2 { margin-bottom: 1.75rem; } /* CONTACT */ #getHeight .colInner { padding: 5.75rem 10% 6.25rem; } .contactInner > p { max-width: 500px; margin: auto auto auto 0; } .contactpgInner > p { max-width: 500px; margin: auto auto 2rem 0; } .contactpgTop { margin: 0 0 4rem 0; } .contactpgBtm { margin: 3rem 0 0 0; } .companyLogo--boulos-logo-2 { max-width: 180px; } .companyLogo--scovillefoleysignature-homes_logo { max-width: 180px; } .companyLogo--maine-properties-logo { max-width: 225px; } .companyLogo--southern-maine-remodeling-logo { max-width: 250px; } .companyLogo--southern-maine-remodeling-logo-jan2020 { max-width: 210px; } } @media (min-width: 1600px) { /* CONTAINERS CUSTOM CLASSES */ .max-width-1450 { max-width: 1450px; } /* HOMEPAGE */ .hpLine--01 { bottom: 10%; } .hpLine--03 { bottom: 15%; } .hpLine--02 { bottom: 15%; } /* TEXT */ .intro h1 { font-size: 7.125rem; line-height: 0.73; } main p, main li, .buttonLink, main .liame { font-size: 1.5rem; } .ownerDesc p, main .liame.liame--ownership { font-size: 1.5rem; } .page-template-jobs-page-template main .shortHeader p { font-size: 1.3125rem; } /* ABOUT */ .managers-row { max-width: 1632px; margin: auto; } .mainebclogo { width: auto; } /* COLINNERs - 2 COLs */ .page-commercial .section-05 .commercialCollage03--left .colInner { max-width: 850px; margin: auto; } .page-residential .section-04 .colInner { max-width: 100%; margin: auto; } .page-residential .section-05 .colInner { max-width: 800px; margin: auto; padding: 0; } .page-residential .section-05 img { height: 100%; object-fit: cover; object-position: center; } .page-earthworks .section-04 .colInner { max-width: 600px; margin: auto; } .page-earthworks .section-06 .colInner { max-width: 800px; margin: auto; padding: 0; } .page-earthworks .section-06 img { height: 100%; object-fit: cover; object-position: center; } .page-about-us .section-04 .colInner { max-width: 700px; margin: auto; padding: 0; } .page-about-us .section-04 img:not(.mainebclogo) { height: auto; object-fit: unset; object-position: center; } .page-about-us .section-05 .colInner { max-width: 100%; margin: auto; } .page-home .section-02 .contentSide .colInner, .page-home .section-04 .contentSide .colInner { margin: auto; padding: 0 10% 0 15%; } .page-home .section-03 .contentSide .colInner { margin: auto; padding: 0 10% 0 15%; } /* GALLERY */ .filters--wrap .filter { } /* CONTACT */ #getHeight .colInner { padding: 6.5rem 7.8125rem 7.75rem; } } @media (min-width: 1750px) { /* HOMEPAGE */ .hpLine--01, .hpLine--03 { bottom: 15%; } .hpLine--02 { bottom: 15%; } }