/* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* Theme Name: Emergency Network Los Angeles, Inc (ENLA) Theme URI: Author: the Development team Author URI: https://wordpress.org/ Description: A theme for WordPress 5. Requires at least: WordPress 4.9.6 Version: 1.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wp5default Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Layouts # Fonts # Buttons # Search Box # Flexbox # Forms ## Quick Form ### Responsive ## Contact Us Form ### Responsive # Menus ## Main Menu ### Responsive ## Sub Menu ### Responsive ## Footer Menu ### Responsive ## Social Menu ### Responsive # Header # Banner # Contents ## Welcome Section ### Responsive ## Practice Areas Section ### Responsive ## Profile Section ### Responsive ## Gallery Section ### Responsive ## Contact Us Section ### Responsive ## Badges Section ### Responsive # Footer # Sidebar Section ## Responsive # Inner Pages ## Blog Page ### Responsive ## Search Page ### Responsive ## Error Page ### Responsive ## Attorney Profile Page --------------------------------------------------------------*/ @font-face { font-family: 'Museo Sans'; src: url('assets/fonts/Museo/MuseoSans-500.eot'); src: url('assets/fonts/Museo/MuseoSans-500.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Museo/MuseoSans-500.woff2') format('woff2'), url('assets/fonts/Museo/MuseoSans-500.woff') format('woff'), url('assets/fonts/Museo/MuseoSans-500.ttf') format('truetype'), url('assets/fonts/Museo/MuseoSans-500.svg#MuseoSans-500') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('assets/fonts/Museo/MuseoSans-700.eot'); src: url('assets/fonts/Museo/MuseoSans-700.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Museo/MuseoSans-700.woff2') format('woff2'), url('assets/fonts/Museo/MuseoSans-700.woff') format('woff'), url('assets/fonts/Museo/MuseoSans-700.ttf') format('truetype'), url('assets/fonts/Museo/MuseoSans-700.svg#MuseoSans-700') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('assets/fonts/Museo/MuseoSans-300.eot'); src: url('assets/fonts/Museo/MuseoSans-300.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Museo/MuseoSans-300.woff2') format('woff2'), url('assets/fonts/Museo/MuseoSans-300.woff') format('woff'), url('assets/fonts/Museo/MuseoSans-300.ttf') format('truetype'), url('assets/fonts/Museo/MuseoSans-300.svg#MuseoSans-300') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans'; src: url('assets/fonts/Museo/MuseoSans-100.eot'); src: url('assets/fonts/Museo/MuseoSans-100.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Museo/MuseoSans-100.woff2') format('woff2'), url('assets/fonts/Museo/MuseoSans-100.woff') format('woff'), url('assets/fonts/Museo/MuseoSans-100.ttf') format('truetype'), url('assets/fonts/Museo/MuseoSans-100.svg#MuseoSans-100') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } html {line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body {font-family: 'Museo Sans', sans-serif; margin: 0 auto; width: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } /*################################### ## Layouts ###################################*/ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;} .wp-block-column, .blocks-gallery-item {margin: 0 !important;} .has-1-columns .wp-block-column {-ms-flex-preferred-size: 100%;flex-basis: 100%;} .container {width: 100%; margin: 0 auto; padding: 0;} .row {max-width: 1440px; margin: 0 auto;} .cta {display: none;} .br { display: block; } .pd { padding-left: 15px; padding-right: 15px; } .bold { font-weight: 700!important; } .grecaptcha-badge {z-index: 999999;} .broken_link, a.broken_link { text-decoration: line-through!important; } .img-right{ float:right; margin: 0 0 0 20px; } /*################################### ## Fonts ###################################*/ a, a:visited { font-family: 'Museo Sans', sans-serif; -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; -o-transition: all .5s ease; transition: all .5s ease;color: #FFFFFF;} /*a:hover {text-shadow: 0px 0px 5px #000;}*/ a:focus {outline: none !important;} h1, h2 , h3, h4, h5 {font-family: 'Museo Sans', serif; font-weight: 400; line-height: 110%; margin: 0 auto;} h1 { font-weight: 700; font-size: 72px; } h2 {font-size: 60px;} h3 { font-weight: 600; font-size: 36px; } h4 {font-size: 25px;} p, ul, ol {font-family: 'Museo Sans', sans-serif; letter-spacing: .03em; line-height: 180%; font-weight: 400; font-size: 15px; margin: 0; } /*p:last-of-type {margin: 0 !important;}*/ /*################################### ## Buttons ###################################*/ .btn, .gform_button, .gform_next_button, .gform_previous_button { max-width: 290px; width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background: #FF6E27; /*background: #EE0000;*/ font-weight: 700; text-align: center; color: #FFFFFF; padding: 23px 0; box-sizing: border-box; font-family: 'Museo Sans', sans-serif; border: none; font-size: 18px; text-transform: uppercase; line-height: 1; letter-spacing: 4px; text-transform: uppercase; border-radius: 5px; } .btn:hover, .gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover { -webkit-box-shadow: 0px 10px 20px -10px #000; box-shadow: 0px 10px 20px -10px #000; text-decoration: none!important; text-shadow: 0px 0px 5px #000; color: #FFFFFF!important; } .btn::after, .gform_button:after, .gform_next_button::after, .gform_previous_button::after {content: ""; background: #EE0000; /*background: #FF6E27;*/ -webkit-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; position: absolute; height: 100%; width: 100%;z-index: -1;left: 0; top: 0; border-radius: 5px; } .btn:hover::after, .gform_button:hover::after, .gform_next_button:hover::after, .gform_previous_button:hover::after {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .btn.sm { max-width: 205px; width: 100%; } .btn.alt { background: transparent; border: 1px solid #FFFFFF; } .button p { margin: 0; } .button-cell .btn, .about-desc .btn.alt { max-width: 225px; width: 100%; } /*################################### ## Search ###################################*/ .sidebar form, .error-404 form {position: relative; max-width: 700px; margin: 10px auto;} .sidebar input[type="search"], .error-404 input[type="search"] {width: 100%; padding: 5px 10px;} .sidebar input[type="submit"], .error-404 input[type="submit"] {background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));background: -o-linear-gradient(top, #FFF, #ccc);background: linear-gradient(to bottom, #FFF, #ccc);border: 1px solid #000; position: absolute; padding: 6px; right: 0; top: 0;} .sidebar .widget:not(:nth-of-type(1)) {background: rgba(255, 255, 255, .5);border-bottom: 1px solid #CCC;padding-bottom: 20px;margin-bottom: 20px; padding: 10px 20px;} .sidebar input[type="submit"], .error-404 input[type="submit"] {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;} .sidebar input[type="submit"]:hover, .error-404 input[type="submit"]:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} /*################################### ## Icon ###################################*/ .tel a, .mail a, .loc a, .bus a { position: relative; font-weight: 400; font-size: 20px; color: #FFFFFF; } .tel.alt a { font-weight: 700; font-size: 30px; } .tel a::before, .tel a::after, .mail a::before, .loc a::before, .bus a::before { font-family: 'FontAwesome'; font-weight: 400; font-size: 24px; color: #FF6E27; display: block; vertical-align: middle; margin: 0 auto 30px; text-align: center; } .tel a::before { content: "\f095"; } /*.tel.alt a::before { background: #FF5A42; max-width: 50px; width: 100%; font-size: 24px; padding: 6px 0; border-radius: 100%; display: inline-block; margin-right: 15px; margin-bottom: 0; }*/ .mail a::before { content: "\f0e0"; } .loc a::before { content: "\f041"; } .loc a, .bus a { pointer-events: none; cursor: default; } .bus a::before { content: "\f017" } .bus span { display: block; } /*################################### ## Text ALign ###################################*/ .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } /*################################### ## Inline Block ###################################*/ .inbm { display: inline-block; vertical-align: middle; } /*################################### ## Color ###################################*/ .white { color: #FFFFFF; } .black { color: #000000; } .brown { color: #45332F; } .red { color: #ED0000; } /*################################### ## Flexbox ###################################*/ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flexs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flexc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flexe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /*################################### ## Forms ###################################*/ form p {margin: 0 0 10px !important;width: 100%;} form label {display: inline-block; line-height: 120%!important; width: 100%; } form input[type="submit"] {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .ctc-hide { display: none!important; } /*.formLabel { display: inline-block; } */ /*.formLabel label { width: 32.52%; position: relative; }*/ .reg-form .gform_wrapper .top_label input.medium, .reg-form .gform_wrapper .top_label select.medium, .formLabel, .formLabel input[type="text"], .formLabel input[type="email"], .formLabel input[type="tel"] { width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #888888; padding: 5px 10px; box-sizing: border-box; height: 45px; margin: 0 auto 10px!important; } .formLabel span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; top: -10%; right: 3%; } .formTextarea textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat'; font-weight: 400; font-size: 16px; color: #888888; padding: 10px; box-sizing: border-box; height: 90px; margin-top: 0; position: relative; } .formConsent { text-align: center;padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .formConsent .wpcf7-list-item-label { color: #111111; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; line-height: 120%; } .formTextarea span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; bottom: 115px; right: 1%; } span.wpcf7-list-item { margin: 0!important; } .contact-form .gform_footer.top_label { max-width: 200px!important; width: 100%; margin: 0 auto; } /*REGISTER FORM*/ body .gform_wrapper ul li.gfield { margin-top: 10px!important; } .reg-form .content-text h2 { font-size: 40px; text-align: center; border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; margin-bottom: 20px; } .reg-form .content-text h3 { font-weight: 700; font-size: 23px; margin: 15px 0; } .reg-form .content-text .sm { font-weight: 400; font-size: 16px; display: block; } .reg-form .content-text ul li, .reg-form .content-text ol li { line-height: 180%; } .reg-form .content-text ul, .reg-form .content-text ol { padding-left: 25px!important; } .reg-form .gform_button, .reg-form .gform_next_button.button, .reg-form .gform_previous_button.button { max-width: 200px!important; width: 100%!important; } .gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium { width: 100%!important; } .gform_confirmation_message_1 { text-align: center!important; } .donate-in-kind .ginput_container_consent label { width: unset; } .donate-in-kind .gform_footer { text-align: center; } /*################################### ## Menus ###################################*/ /*Main Menu*/ .main-navigation { width: 98.17%; } .main-navigation ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-flex; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0;} .main-navigation ul li {padding: 0; margin: 0 0px; } .main-navigation > ul li:first-of-type {padding-left: 0; margin-left: 5px; } .main-navigation ul li:last-of-type { background: #ff6e27; border-radius: 5px; padding: 10px 15px; margin-right: 0; } .main-navigation ul li:last-of-type a { color: #FFFFFF!important; opacity: 1; } /*.main-navigation ul li.menu-item-has-children a::after {content: "\f0d7"; font-family: 'FontAwesome'; color: #FFF; transition: all .2s linear; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; position: relative; top: -2px;} .main-navigation ul li.menu-item-has-children a:hover::after {transform: rotateZ(180deg);}*/ .main-navigation ul li a { position: relative; font-weight: 700; font-size: 18px; color: #000000; line-height: 120%; text-transform: uppercase; display: inline-block; letter-spacing: 1px; opacity: 0.5; } /*.main-navigation ul li a::before {content: ""; background: #FFF; width: 100%; max-width: 50px; height: 4px; border-radius: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all .3s linear; transform: scaleX(0); transform-origin: left;} .main-navigation ul li a:hover::before, .main-navigation .current-menu-item a::before {transform: scaleX(1);}*/ .main-navigation ul li a:hover, .main-navigation .current-menu-item a, .main-navigation .current_page_item a { color: #000000; opacity: 1; } .main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;} /*Sub Menu*/ .main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;} .main-navigation ul ul { background: rgba(255, 255, 255, .9); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12%; padding: 0; position: absolute; visibility: hidden; margin-top: 100px; display: block; opacity: 0; z-index: 99; } .main-navigation ul ul li {display: block; margin-right: 0;} .main-navigation ul ul li:last-of-type { background: transparent; padding: 0; } .main-navigation ul ul li:last-of-type a { color: #000000!important; } .main-navigation ul ul li a { padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0.5!important; font-size: 14px; line-height: 160%;} .main-navigation ul ul li:hover a { } /*Sub Sub Menu*/ .main-navigation ul ul ul { -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important; width: 100%; visibility: hidden !important; margin-top: 0 !important; position: absolute; margin-left: 240px; top: 0; } .main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 189px; } .main-navigation ul ul ul li {} /*Footer Menu*/ .footer-nav { max-width: 1065px; width: 100%; margin: 0 auto; padding: 30px 0; } .footer-navigation { } .footer-navigation ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-flex; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0;} .footer-navigation ul li {padding: 0; margin: 0 5px; } .footer-navigation ul li:first-of-type {padding-left: 0; margin-left: 5px; } .footer-navigation ul li:last-of-type { background: #FF6E27; border-radius: 5px; padding: 10px 15px; margin-right: 0; } .footer-navigation ul li:last-of-type a { color: #FFFFFF!important; opacity: 1; } .footer-navigation ul li a { position: relative; font-weight: 700; font-size: 18px; color: #000000; line-height: 120%; text-transform: uppercase; display: inline-block; letter-spacing: 1px; opacity: 0.5 } .footer-navigation ul li a:hover, .footer-navigation .current-menu-item a, .footer-navigation .current_page_item a { color: #000000; opacity: 1; } /*Social Menu*/ .socials p { text-transform: uppercase; margin-bottom: 20px; } .socials-box { max-width: 225px; width: 100%; margin-left: auto; } .social-navigation {} .social-navigation .svg-icon {display: none;} .social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0; } .social-navigation ul li {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear; border-radius: 50%; margin: 0 0 0 10px; height: 40px; width: 40px; line-height: 40px; } .social-navigation ul li:first-of-type { margin-left: 0; } .social-navigation ul li:hover { background: #EE0000; -webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000; -webkit-transform: rotateZ(360deg); -ms-transform: rotate(360deg); transform: rotateZ(360deg); } .social-navigation ul li a {color: #FFF;} .social-navigation ul li a::before {font-size: 18px; position: relative; top: 12px;} /*################################### ## HEADER ###################################*/ .site-header { position: relative; } .site-header .container { max-width: 100%; width: 100%; } .header-top { background: #ff6e27; padding: 10px 0; } .header-top .wrap { max-width: 1840px; width: 100%; margin: 0 auto; } .header-top .social-label h5 { font-weight: 900; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .header-wrap { max-width: 1900px; width: 100%; margin: 0 auto; padding: 6px 0; } .header-logo { width: 9.78%; } .header-logo img { width: 100%; height: 100%; display: block; } .header-nav { width: 58.94%; } /*################################### ## BANNER ###################################*/ .site-banner { position: relative; } #banner-section { width: 100%; height: 100vh!important; /*min-height: calc(100vh - 85px);*/ display: block; -o-object-fit: cover; object-fit: cover; } .banner-content { max-width: 1250px; width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 10%; } .banner-box .content-text h2 { padding-bottom: 65px; } .banner-arrow { position: absolute; left: 0; right: 0; bottom: 7%; } .banner-arrow:hover .content-img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .banner-arrow .content-img { max-width: 45px; width: 100%; margin: 0 auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /*################################### ## CONTENT ###################################*/ .site-content { position: relative; } .content-text h1, .content-text h2 { font-weight: 700; font-size: 72px; } .content-text h3 { font-weight: 600; font-size: 36px; } .content-text h4 { font-weight: 700; font-size: 18px; letter-spacing: 4px; } .content-text h5 { font-weight: 600; font-size: 20px; letter-spacing: 2px; margin: 15px 0; text-transform: uppercase; } .content-text p, .content-text ul li, .content-text ol li { font-weight: 300; font-size: 18px; line-height: 36px; } .content-text .lg { font-size: 24px; } .content-img img, .inner .site-desc .sow-image-container img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } /*################################### ## ENLA ###################################*/ #enla { position: relative; padding: 55px 0 70px; -webkit-transition: -webkit-transform 500ms ease-in-out 25ms; transition: -webkit-transform 500ms ease-in-out 25ms; -o-transition: transform 500ms ease-in-out 25ms; transition: transform 500ms ease-in-out 25ms; transition: transform 500ms ease-in-out 25ms, -webkit-transform 500ms ease-in-out 25ms; } #enla .row { max-width: 1200px; width: 100%; margin: 0 auto; } #enla .content-img { max-width: 21.66%; width: 100%; margin: 0 auto 25px; } .enla-box .content-text h3 { margin: 20px 0; } .enla-box .content-text p { font-weight: 100; margin-bottom: 30px; } /*################################### ## MOVEMENT ###################################*/ #movement { position: relative; } #movement .row { max-width: 100%; width: 100%; } #movement .content-arrow { position: absolute; top: -7%; left: 0; right: 0; } #movement .content-arrow:hover .content-img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #movement .content-arrow .content-img { max-width: 60px; width: 100%; margin: 0 auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .movement-cell .content-img img { height: 450px!important; } .movement-box { max-width: 740px; width: 100%; margin: 0 auto; } .movement-box .content-text h3 { letter-spacing: 4px; } .movement-box .content-text p { font-weight: 100; margin: 25px 0 50px; } .movement-box .button-cell { max-width: 472px; width: 100%; } /*################################### ## NETWORK ###################################*/ #network { position: relative; min-height: 900px!important; } #network .row { max-width: 100%; width: 100%; margin: 0 auto; } .network-box { max-width: 1120px; width: 100%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } .network-box .content-text p { margin: 60px 0; } /*################################### ## INVOLVED ###################################*/ #involved { position: relative; padding: 50px 0 65px; } #involved .row { max-width: 1210px; width: 100%; margin: 0 auto; } .involved-box .content-text p { font-weight: 100; font-size: 30px; margin: 40px 0 35px; } /*################################### ## LOGO ###################################*/ #logo { position: relative; padding: 70px 0 35px; } #logo .row { max-width: 1280px; width: 100%; margin: 0 auto; } #logo .content-text { max-width: 1075px; width: 100%; margin: 0 auto; } .logo-list { padding-top: 50px; } .logo-list .wpcp-single-item { border: none!important; } /*################################### ## CONTACT ###################################*/ #contact { position: relative; background: #000000; padding: 30px 0 35px; } #contact .row { max-width: 1130px; width: 100%; margin: 0 auto; } .contact-box .content-img { max-width: 32.92%; width: 100%; margin: 0 auto; padding: 70px 0 50px; } .contact-wrap .info { width: 33.33%; } .contact-wrap .info a { font-weight: 500; font-size: 16px; padding-top: 30px; } .contact-wrap .info .loc { max-width: 225px; width: 100%; margin: 0 auto; } /*################################### ## DIRECTORS ###################################*/ #directors { position: relative; background: #000000; padding: 35px 0 55px; } #directors .row { max-width: 1130px; width: 100%; margin: 0 auto; } #directors .social-navigation ul li a { color: #FF6E27; } #directors .social-navigation ul li a::before { font-size: 25px; top: 9px; } .directors-wrap { padding: 45px 0 85px; } .directors-box p, .directors-box a { font-weight: 500; font-size: 16px; color: #FFFFFF; line-height: 120%!important; } .directors-mail a::before { display: none; } /*################################### ## FOOTER ###################################*/ .site-footer { position: relative; } .site-footer .container { max-width: 100%; width: 100%; } /*COPYRIGHT*/ .footer-copyright { position: relative; background: #000000; padding: 15px 0; } .copyright { font-weight: 500; font-size: 14px; } .copyright p { margin: 0; } .copyright .td img { max-width: 50px; display: inline-block; vertical-align: middle; margin-left: 10px; } /*################################### ## Sidebar Blog ###################################*/ .sidebar {border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-preferred-size: 30%; flex-basis: 30%; padding: 20px; } .sidebar h2 {font-size: 25px; margin: 0; } .sidebar .widget_search {-webkit-box-sizing: border-box;box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; } .sidebar .widget:last-of-type {margin-bottom: 0;} /*################################### ## Inner Pages ###################################*/ .inner #content h5{ font-size: 23px; } .inner .btn a { color: #FFFFFF; } .inner .site-header { border-bottom: 1px solid #DDDDDD; } .inner .inner-banner { position: relative; } .inner .inner-banner img { width: 100%; height: 255px!important; -o-object-fit: cover; object-fit: cover; display: block; -o-object-position: 0 15%; object-position: 0 15%; } .inner #content {padding: 80px 0 0; min-height: 600px;} .inner #content h1 { text-align: center; text-transform: uppercase; color: #FFFFFF; } .inner #content .row { max-width: 1360px; width: 100%; margin: 0 auto; } .inner .content-text p, .inner .content-text ul, .inner .content-text ol { margin: 15px 0!important; } .inner .entry-title { position: absolute; top: -170px; left: 0; right: 0; } .inner .content-text a { color: #FF6E27; } /*ABOUT*/ .inner-about { padding-bottom: 90px; border-bottom: 1px solid #BBBBBB; } .inner-about .inner-slides { padding-bottom: 60px; } .inner-about .content-text p { max-width: 1085px; width: 100%; margin: 40px auto!important; } .inner-about .button-cell { max-width: 475px; width: 100%; margin: 0 auto; padding-top: 60px; } .inner-about .btn.alt, .about-desc .btn.alt, .about_truck .btn.alt{ color: #555555; border: 1px solid #DDDDDD; } .inner-about-cell { margin: 75px 0; } .inner-about-cell .about-desc.pd-l { padding-left: 40px; } .inner-about-cell .about-desc.pd-r { padding-right: 40px; } .inner-about-cell .about-desc .content-text p { font-weight: 400; font-size: 17px; line-height: 32px; margin: 50px 0!important; } .inner .inner-site-column { padding: 50px 0 55px; } .inner .inner-site-column .row { max-width: 1360px; width: 100%; margin: 0 auto; } .inner .inner-site-column .btn { max-width: 225px; width: 100%; margin: 0 auto; } .inner .site-desc { position: relative; margin: 0 15px; } .inner .site-desc .widget-title { position: absolute; left: 0; right: 0; bottom: 25%; } .inner .site-cell .button { margin-top: -30px; } .inner .site-desc .sow-image-container img { width: } .wpcp-carousel-section .wpcp-single-item img {min-height: 100px; object-fit: contain;} /*EVENTS*/ .inner .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top: 0; } .paypal input { width: 200px !important;margin: 35px auto;} /*################################### ## Blog Page ###################################*/ .blog-container {padding-right: 5%; -ms-flex-preferred-size: 65%; flex-basis: 65%;} .blog-list article {-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear; border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .blog-list article:not(:last-of-type) {margin-bottom: 40px;} .blog-list article:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} .blog-title h2 {margin: 0 0 20px !important; font-size: 30px;} .blog-header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } .blog-header p {margin: 0;} .blog-header p span {font-style: italic;} .blog-image {text-align: center;} .blog-image img {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; max-width: 500px !important; height: auto !important;} .blog-container .btn {margin-top: 10px !important; padding: 10px 20px; font-size: 13px;} .pagination-n {text-align: right; margin-top: 15px;} .pagination-n a {background: #D7BA5A; padding: 2px 10px; } .pagination-n .current {background: #6A7A64; padding: 2px 10px; color: #FFF;} /*################################### ## Search Page ###################################*/ .page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;} .page-description::after {content: ' "';} .page-description::before {content: '" ';} .search article {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; } .search article:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;} .search article:last-of-type {margin-bottom: 0;} .search article h2 {margin: 0 0 20px; font-size: 35px;} .search-con {padding-right: 5%; -ms-flex-preferred-size: 65%; flex-basis: 65%;} /*################################### ## Committees Page ###################################*/ .page-id-137 #content p{ margin: 0 0 30px!important;} /*################################### ## Join Us Page ###################################*/ .page-id-272 #content p{ margin: 0 0 50px!important;} /*################################### ## Members Page ###################################*/ #member-area-page .inner-box .ecr-universal-content {display:flex;flex-direction: row;flex-wrap: wrap;width:100%;} #member-area-page .inner-box .ecr-universal-content .col-md-12 {margin:0 15px 10px;flex:45%;box-sizing: border-box;display:flex;border-bottom:1px solid #EEEEEE;} #member-area-page .inner-box .ecr-universal-content .col-md-12:nth-child(13), #member-area-page .inner-box .ecr-universal-content .col-md-12:nth-child(14) {border-bottom:none;} #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-avatar {box-sizing: border-box;padding:15px 15px 15px 0;} #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-info {box-sizing: border-box;padding:15px;} #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-info p {font-size:34px;color:#000;line-height:1em;font-weight:600;margin-bottom:5px;} #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-info a, #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-info .like-link {font-size:14px;color:#FF6E27;position:relative;} #member-area-page #search-me {display:flex;flex-direction: row;flex-wrap: wrap;width:100%;} #member-area-page #search-me .search-text.sv {width:70%} #member-area-page #search-me .search-form.sv {width:30%} #member-area-page #search-me .search-text.sv p {font-size:18px;color:#111111;} #member-area-page #search-me .search-form.sv .navbar-form {text-align:right;} #member-area-page .form-control.post_search_text {height:40px;padding-left:10px;} #member-area-page .post_search_submit {display:ruby-base-container;width:40px !important;height:40px !important;background:url(images/search.png)no-repeat center center;margin-bottom: -18px;} #member-area-page #label {margin-top:20px;border-bottom:1px solid #BBBBBB;padding-bottom:20px;} #member-area-page #label p {color:#444444;font-size:14px;} #member-area-page .socials-box.flexc {display:block;max-width:none;width:50%;} #member-area-page .socials {padding-left:20px;} #member-area-page .social-navigation ul li a {color:#FF6E27;} #member-area-page .social-navigation ul li:hover a {color:#fff !important;} #member-area-page .ecr-pagination-nav {width:50%;} #member-area-page .member-foot {display:flex;border-top:1px solid #BBBBBB;padding-top:10px;} #member-area-page .member-avatar img {width:150px;height:150px;} #members-area-p #movement .row.panel-widget-style {width:100%;max-width:100%} .ecr_pag_loading {padding: 20px;} .ecr-universal-pagination {text-align:right;padding-top:20px;margin-bottom:50px;} .ecr-universal-pagination ul {margin: 0; padding: 0;} .ecr-universal-pagination ul li {display: inline; margin: 3px; padding: 6px 8px; background: #FFF; color: black;border-radius:5px; } .ecr-universal-pagination ul li.active:hover {cursor: pointer; background: #1E8CBE; color: white; } .ecr-universal-pagination ul li.inactive {background: #EE0000;color:#fff;} .ecr-universal-pagination ul li.selected {background: #1E8CBE; color: white;} .to-fleft { float: left; margin-right: 10px; } .to-fright { float: right; margin-left: 10px; } .ml-10{ margin-left: 10px; } @media screen and (max-width: 500px) { .to-fleft { float: none; margin-right: 0; display: block; margin: 0 auto 10px; width: 100%; height: auto; } .to-fright { float: none; margin-left: 0; display: block; margin: 0 auto 10px; width: 100%; height: auto; } } @media screen and (max-width: 399px) { .ml-10{ margin-left: auto; margin-top: 0; display: block; margin-right: auto; } } /*################################### ## Error Page ###################################*/ .error-404 {text-align: center;} /*################################### ## RESPONSIVE ###################################*/ @media screen and (max-width: 1680px) { .inner #content h1 { font-size: 60px; } } @media screen and (max-width: 1500px) { .row, .header-top .wrap, .header-wrap, .banner-content, .network-box, .footer-nav { padding-left: 15px; padding-right: 15px; } #movement .row { padding: 0!important; } .main-navigation { width: 100%; } /*HEADER*/ .header-nav { width: 65.94%; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 65px; } } @media screen and (max-width: 1380px){ /*HEADER*/ .header-nav { width: 68.94%; } .main-navigation ul li a, .footer-navigation ul li a { font-size: 16px; } /*INNER*/ .inner #content h1 { font-size: 50px; } .inner .inner-banner img { height: 200px!important; } .inner .entry-title { top: -130px; } } @media screen and (max-width: 1160px){ /*HEADER*/ .header-nav { width: 73.94%; } .main-navigation ul ul { width: 170px; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 50px; } .content-text h3 { font-size: 30px; } /*INNER*/ .inner #content h1 { font-size: 38px; } } @media screen and (max-width: 1080px){ /*HEADER*/ .main-navigation ul li a, .footer-navigation ul li a { font-size: 14px; } .main-navigation ul ul { width: 150px; } } @media screen and (max-width: 980px){ /*HEADER*/ .header-nav { width: 80.94%; } .main-navigation ul li a, .main-navigation ul ul li a { font-size: 12px; } .main-navigation ul ul { width: 135px; } /*DIRECTORIES*/ .directors-box p, .directors-box a { font-size: 14px; } } @media screen and (max-width: 800px) { body {min-width: 320px;} h3 { font-size: 25px; } .pd-r, .pd-l { padding: 0!important; } /*ICON*/ .tel a::before, .tel a::after, .mail a::before, .loc a::before, .bus a::before { margin: 0 auto 15px; } /*TEXT ALIGN*/ .tl, .tr { text-align: center; } .inner .tl { text-align: left!important } /*FLEX*/ .flex, .flexs, .flexc, .flexe { -ms-flex-wrap: wrap; flex-wrap: wrap; } /*BUTTON*/ .btn, .gform_button, .gform_next_button, .gform_previous_button { max-width: 180px!important; padding: 12px 0!important; letter-spacing: 2px!important; font-size: 16px!important; line-height: 140%; } .button-cell { -webkit-box-orient: unset!important; -webkit-box-direction: unset!important; -ms-flex-direction: unset!important; flex-direction: unset!important; } /*BANNER*/ #banner-section { padding: 60px 0; height: 100%!important; } .banner-content { position: relative; bottom: 0; } .banner-box .content-text h2 { padding-bottom: 15px; } /*CONTENT*/ .movement-box, #enla, #involved, #logo, .inner .inner-site-column { padding-top: 30px; padding-bottom: 30px; } #network { padding: 60px 0; min-height: 100%!important; } #directors { padding: 0 0 30px; } .content-text h1, .content-text h2 { font-size: 40px; } .content-text h3 { font-size: 25px; } .content-text p, .content-text .lg { font-size: 18px!important; margin: 15px 0!important; line-height: 180%!important; } /*MOVEMENT*/ #movement .content-arrow { display: none!important; } .movement-box .button-cell { max-width: 400px; margin: 0 auto; } .movement-cell .content-img img { height: 100%!important; } /*NETWORK*/ .network-box { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; } /*LOGO*/ .logo-list { padding-top: 30px; } /*CONTACT*/ .contact-box .content-img { max-width: 300px; padding: 30px 0; } .contact-wrap .info, .directors-box { width: 100%; margin: 15px 0; } .gform_confirmation_wrapper {width: fit-content;margin: 40px auto;} /*DIRECTORIES*/ .directors-box p, .directors-box a { font-size: 16px; } .directors-wrap { padding: 15px 0; } /*INNER*/ .inner .inner-banner { display: none; } .inner .entry-title { position: relative; top: 0; } .inner #content h1 { font-size: 35px; color: #000000; } .inner #content { padding: 30px 0 0; } .inner-content { padding: 30px 0; } /*ABOUT*/ .inner-about-cell { margin: 30px 0; } .inner-about-cell > div:last-child { -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; order: -1!important; } .inner-about-cell.alt > div:last-child { -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; order: 2!important; } .inner-about { padding-bottom: 30px; } .inner-about .inner-slides { padding-bottom: 30px; } .inner-about .content-text p, .inner-about-cell .about-desc .content-text p { margin: 15px 0!important; } .inner-about .button-cell { padding-top: 30px; max-width: 400px; } .inner .about-desc { padding-top: 30px!important; } .inner .about-desc .content-text.tl, .inner .about-desc .button.tl { text-align: center!important; } .inner .site-cell > div { margin-bottom: 30px!important; } .cta {background: #D7BA5A url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #000; border-top-left-radius: 40px; text-decoration: none; text-indent: -9999em; position: fixed; display: block; bottom: 13%; height: 80px; width: 100px; z-index: 999; right: 0;} #wprmenu_bar {-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;} #wprmenu_bar .bar_logo { height: 34px; } #wprmenu_bar .menu_title a {color: #FFF; top: 0;} html body div.wprm-overlay {background: transparent;} .logged-in #wprmenu_menu_ul {top: 47px !important;} } @media screen and (max-width: 1025px) { /*CONTENT*/ #member-area-page .inner-box .ecr-universal-content .col-md-12 .member-info p {font-size:24px;} } @media screen and (max-width: 768px) { /*CONTENT*/ #member-area-page {margin-top:20px;} #member-area-page .inner-box .ecr-universal-content .col-md-12 {flex:100%;} #member-area-page #search-me .search-text.sv, #member-area-page #search-me .search-form.sv {width:100%;} #member-area-page #search-me .search-form.sv .navbar-form {text-align:left;margin-top:20px;} } @media screen and (max-width: 600px) { /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 35px; } .content-text p, .content-text .lg { font-size: 16px!important; } #member-area-page .member-foot {display:block;} #member-area-page .socials-box.flexc {width:100%;} } @media screen and (max-width: 500px) { h1, h2 { font-size: 40px; } .blog-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .blog-header p, .blog-header h2 {text-align: center; width: 100%;} .blog-list article {text-align: center;} .blog-header h2 {font-size: 30px;} .blog-container .btn {margin-top: 20px !important;} .img-right{ float: none; margin: 10px auto; width: 100%; height: auto; } } @media screen and (max-width: 480px) { /*BUTTON*/ .button-cell { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; } .button-cell .button { margin-bottom: 10px; } .button-cell .button.tl { text-align: center!important; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 30px; } .content-text h3 { font-size: 23px; } /*MOVEMENT*/ .movement-box .content-text h3 { letter-spacing: 2px; } } @media screen and (max-width: 380px) { .banner-box .btn{ display: block; margin: 0 auto;} .content-text h1, .content-text h2 { font-size: 28px; } .content-text h3 { font-size: 20px; } }