Attachments

/* ----------------------------------------- */ /* View slug: attachment-uses - start */ /* ----------------------------------------- */ .form-group{ display:inline-block } .use-dropdown{ width:40%; margin: 0 0 0 10%; display:inline-block; } .tractor-radio{ width:38%; padding-left:10%; /*padding-right:10%;*/ padding-top:20px; margin-bottom:-15px !important; } @media screen and (max-width: 1024px){ .use-dropdown{ text-align:center !important; margin: 0 0 0 15%; } .tractor-radio{ padding:0 40px !important; text-align:center; } .radio-line{ padding:30px; } } @media screen and (min-width: 1025px){ .tractor-radio{ padding-top:20px; margin-bottom:-15px !important; } .radio-line{ float:right !important; } } .custom-select .form-control { background-color:#333534 !important; color: #febb12 !important; font-size: 1.4em; line-height: 1.2em; height: 75px; border: none !important; padding-bottom: 20px; width:100% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* remove default arrow*/ color:#febb12 !important; background: url('/wp-content/uploads/2019/03/icon-down-arrow-02.png') no-repeat; /*Adds background-image*/ background-position: 90% 40%; /*Position of the background-image*/ background-size:40px; } @media screen and (max-width: 1300px) { .custom-select .form-control { font-size:1.4em; width:90% !important; } } .form-control:focus{ box-shadow:none !important; } .tractor-radio .checkbox { display: inline-block; margin-right: 35px; color: #ffffff; font-weight: bold; font-size: 1.2em; } .checkbox input[type='checkbox'] { /*display: none;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Styling checkbox */ width: 16px; height: 16px; background-color: transparent; border-radius:50px; border: 2px solid #febb12; } .checkbox input[type='checkbox']:checked { border: 2px solid #febb12; background-color: #febb12 !important; } .checkbox input[type='checkbox']:focus{ outline:none !important;} /* .checkbox label:before { display:none; content: " "; display: inline-block; position: relative; top: 5px; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 11px; border: 2px solid #febb12; } .checkbox label.selected:before { content: " "; display: inline-block; position: relative; top: 5px; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 11px; border: 2px solid #febb12; background-color: #febb12 !important; color: #febb12 !important; } */ @media screen and (max-width: 1024px) { .custom-select .form-control { font-size:1.1em; } } @media screen and (max-width: 1024px) { .use-dropdown{ width:85% !important; } .tractor-radio{ width:100% !important; padding-left:7%; } .attach-cutout h4{ font-size:1.4em; } .tractor-radio .checkbox{ margin-right:15px; } } .app-call-container.hidden{ display:none !important; } /* ----------------------------------------- */ /* View slug: attachment-uses - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-attachment-uses - start */ /* ----------------------------------------- */ .attach-callout{ height:500px; width:100%; } .big-image{ position:relative; top:0; width:100%; opacity:1; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; height:100%; overflow:hidden; } .col-lg-4.att-callouts{ margin-bottom:20px !important;} .big-image img{ height:100% !important; width:auto !important; position:relative !important; overflow:hidden !important; object-fit:cover; } .attach-callout .attach-cutout{ position:absolute; top:0; opacity:0; width:100%; height:100%; padding:10% 0; background-color:#ffffff; } .attach-callout:hover .big-image { opacity:0; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; } .attach-callout:hover .attach-cutout{ opacity:1; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; } .headline-container{ min-height:100px;} @media screen and (max-width: 1024px) { .big-image{opacity:0 !important} .attach-cutout{opacity:1 !important;} } .attach-cutout h4{ position: relative; margin-top:5%; /* position the top edge of the element at the middle of the parent */ margin-left:auto; margin-right:auto; text-align:center; width:100%; line-height:1.1em; } @media screen and (max-width: 1200px) and (min-width: 768px) { .attach-callout{ max-height:425px left:10%; } } .application-cta{ height:500px; width:100%; } .app-overlay{ height:100%; width:100%; background-color: rgba(0,0,0,.3); transition: background-color 1s ease-in-out; display:flex; flex-direction:column; align-items:center; justify-content:center; word-wrap: break-word; overflow-wrap: break-word; } .app-overlay h4{ word-wrap: break-word !important; padding:0 10px; text-align:center; display:block; margin-bottom:20px; } .application-cta:hover .app-overlay{ background-color: rgba(0,0,0,0.64); z-index:2; transition: background-color 1s ease-in-out; } .app-button{ margin: auto; text-align: center; display: block; padding-top:20px; } .app-button a{ padding: 15px 40px; font-weight:bold; text-align:center; } @media screen and (min-width: 1201px) and (max-width:1500px){ .attach-callout{ height:420px; } .application-cta{ height:420px !important; } .application-cta h4{ font-size:1.8em; } } @media screen and (max-width:1024px){ .attach-callout { background-image:none !important; height:400px !important; } .application-cta{ height:400px !important; } } @media screen and (max-width:768px){ .attach-callout, .application-cta{ background-image:none !important; height:350px !important; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-attachment-uses - end */ /* ----------------------------------------- */