/************************************************************************************ Mixins *********************************************************************************/ /************************************************************************************ Medias Queries *************************************************************************************/ /************************************************************************************ Fonts Styles *************************************************************************************/ /************************************************************************************ Color Styles *************************************************************************************/ /************************************************************************************ Typography *************************************************************************************/ @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); /************************************************************************************ image map *************************************************************************************/ @font-face { font-family: 'sf-regular'; src: url("/wp-content/themes/climatemayors/font/webfont/stateface-regular-webfont.eot"); src: url("/wp-content/themes/climatemayors/font/webfont/stateface-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/climatemayors/font/webfont/stateface-regular-webfont.woff") format("woff"), url("/wp-content/themes/climatemayors/font/webfont/stateface-regular-webfont.ttf") format("truetype"), url("/wp-content/themes/climatemayors/font/webfont/stateface-regular-webfont.svg#StateFaceRegular") format("svg"); font-weight: normal; font-style: normal; } .sf-replace.sf-alabama, .sf-replace.sf-al, .sf-replace.sf-01, .sf-replace.sf-alaska, .sf-replace.sf-ak, .sf-replace.sf-02, .sf-replace.sf-arizona, .sf-replace.sf-az, .sf-replace.sf-04, .sf-replace.sf-arkansas, .sf-replace.sf-ar, .sf-replace.sf-05, .sf-replace.sf-california, .sf-replace.sf-ca, .sf-replace.sf-06, .sf-replace.sf-colorado, .sf-replace.sf-co, .sf-replace.sf-08, .sf-replace.sf-connecticut, .sf-replace.sf-ct, .sf-replace.sf-09, .sf-replace.sf-delaware, .sf-replace.sf-de, .sf-replace.sf-10, .sf-replace.sf-florida, .sf-replace.sf-fl, .sf-replace.sf-12, .sf-replace.sf-georgia, .sf-replace.sf-ga, .sf-replace.sf-13, .sf-replace.sf-hawaii, .sf-replace.sf-hi, .sf-replace.sf-15, .sf-replace.sf-idaho, .sf-replace.sf-id, .sf-replace.sf-16, .sf-replace.sf-illinois, .sf-replace.sf-il, .sf-replace.sf-17, .sf-replace.sf-indiana, .sf-replace.sf-in, .sf-replace.sf-18, .sf-replace.sf-iowa, .sf-replace.sf-ia, .sf-replace.sf-19, .sf-replace.sf-kansas, .sf-replace.sf-ks, .sf-replace.sf-20, .sf-replace.sf-kentucky, .sf-replace.sf-ky, .sf-replace.sf-21, .sf-replace.sf-louisiana, .sf-replace.sf-la, .sf-replace.sf-22, .sf-replace.sf-maine, .sf-replace.sf-me, .sf-replace.sf-23, .sf-replace.sf-maryland, .sf-replace.sf-md, .sf-replace.sf-24, .sf-replace.sf-massachusetts, .sf-replace.sf-ma, .sf-replace.sf-25, .sf-replace.sf-michigan, .sf-replace.sf-mi, .sf-replace.sf-26, .sf-replace.sf-minnesota, .sf-replace.sf-mn, .sf-replace.sf-27, .sf-replace.sf-mississippi, .sf-replace.sf-ms, .sf-replace.sf-28, .sf-replace.sf-missouri, .sf-replace.sf-mo, .sf-replace.sf-29, .sf-replace.sf-montana, .sf-replace.sf-mt, .sf-replace.sf-30, .sf-replace.sf-nebraska, .sf-replace.sf-ne, .sf-replace.sf-31, .sf-replace.sf-nevada, .sf-replace.sf-nv, .sf-replace.sf-32, .sf-replace.sf-new-hampshire, .sf-replace.sf-nh, .sf-replace.sf-33, .sf-replace.sf-new-jersey, .sf-replace.sf-nj, .sf-replace.sf-34, .sf-replace.sf-new-mexico, .sf-replace.sf-nm, .sf-replace.sf-35, .sf-replace.sf-new-york, .sf-replace.sf-ny, .sf-replace.sf-36, .sf-replace.sf-north-carolina, .sf-replace.sf-nc, .sf-replace.sf-37, .sf-replace.sf-north-dakota, .sf-replace.sf-nd, .sf-replace.sf-38, .sf-replace.sf-ohio, .sf-replace.sf-oh, .sf-replace.sf-39, .sf-replace.sf-oklahoma, .sf-replace.sf-ok, .sf-replace.sf-40, .sf-replace.sf-oregon, .sf-replace.sf-or, .sf-replace.sf-41, .sf-replace.sf-pennsylvania, .sf-replace.sf-pa, .sf-replace.sf-42, .sf-replace.sf-rhode-island, .sf-replace.sf-ri, .sf-replace.sf-44, .sf-replace.sf-south-carolina, .sf-replace.sf-sc, .sf-replace.sf-45, .sf-replace.sf-south-dakota, .sf-replace.sf-sd, .sf-replace.sf-46, .sf-replace.sf-tennessee, .sf-replace.sf-tn, .sf-replace.sf-47, .sf-replace.sf-texas, .sf-replace.sf-tx, .sf-replace.sf-48, .sf-replace.sf-utah, .sf-replace.sf-ut, .sf-replace.sf-49, .sf-replace.sf-vermont, .sf-replace.sf-vt, .sf-replace.sf-50, .sf-replace.sf-virginia, .sf-replace.sf-va, .sf-replace.sf-51, .sf-replace.sf-washington, .sf-replace.sf-wa, .sf-replace.sf-53, .sf-replace.sf-west-virginia, .sf-replace.sf-wv, .sf-replace.sf-54, .sf-replace.sf-wisconsin, .sf-replace.sf-wi, .sf-replace.sf-55, .sf-replace.sf-wyoming, .sf-replace.sf-wy, .sf-replace.sf-56, .sf-replace.sf-district-of-columbia, .sf-replace.sf-dc, .sf-replace.sf-11001, .sf-replace.sf-puerto-rico, .sf-replace.sf-pr, .sf-replace.sf-72, .sf-replace.sf-guam, .sf-replace.sf-gu, .sf-replace.sf-66 { position: relative; display: inline-block; min-width: 1em; text-indent: -999em; } .sf-replace.sf-alabama:before, .sf-replace.sf-al:before, .sf-replace.sf-01:before, .sf-replace.sf-alaska:before, .sf-replace.sf-ak:before, .sf-replace.sf-02:before, .sf-replace.sf-arizona:before, .sf-replace.sf-az:before, .sf-replace.sf-04:before, .sf-replace.sf-arkansas:before, .sf-replace.sf-ar:before, .sf-replace.sf-05:before, .sf-replace.sf-california:before, .sf-replace.sf-ca:before, .sf-replace.sf-06:before, .sf-replace.sf-colorado:before, .sf-replace.sf-co:before, .sf-replace.sf-08:before, .sf-replace.sf-connecticut:before, .sf-replace.sf-ct:before, .sf-replace.sf-09:before, .sf-replace.sf-delaware:before, .sf-replace.sf-de:before, .sf-replace.sf-10:before, .sf-replace.sf-florida:before, .sf-replace.sf-fl:before, .sf-replace.sf-12:before, .sf-replace.sf-georgia:before, .sf-replace.sf-ga:before, .sf-replace.sf-13:before, .sf-replace.sf-hawaii:before, .sf-replace.sf-hi:before, .sf-replace.sf-15:before, .sf-replace.sf-idaho:before, .sf-replace.sf-id:before, .sf-replace.sf-16:before, .sf-replace.sf-illinois:before, .sf-replace.sf-il:before, .sf-replace.sf-17:before, .sf-replace.sf-indiana:before, .sf-replace.sf-in:before, .sf-replace.sf-18:before, .sf-replace.sf-iowa:before, .sf-replace.sf-ia:before, .sf-replace.sf-19:before, .sf-replace.sf-kansas:before, .sf-replace.sf-ks:before, .sf-replace.sf-20:before, .sf-replace.sf-kentucky:before, .sf-replace.sf-ky:before, .sf-replace.sf-21:before, .sf-replace.sf-louisiana:before, .sf-replace.sf-la:before, .sf-replace.sf-22:before, .sf-replace.sf-maine:before, .sf-replace.sf-me:before, .sf-replace.sf-23:before, .sf-replace.sf-maryland:before, .sf-replace.sf-md:before, .sf-replace.sf-24:before, .sf-replace.sf-massachusetts:before, .sf-replace.sf-ma:before, .sf-replace.sf-25:before, .sf-replace.sf-michigan:before, .sf-replace.sf-mi:before, .sf-replace.sf-26:before, .sf-replace.sf-minnesota:before, .sf-replace.sf-mn:before, .sf-replace.sf-27:before, .sf-replace.sf-mississippi:before, .sf-replace.sf-ms:before, .sf-replace.sf-28:before, .sf-replace.sf-missouri:before, .sf-replace.sf-mo:before, .sf-replace.sf-29:before, .sf-replace.sf-montana:before, .sf-replace.sf-mt:before, .sf-replace.sf-30:before, .sf-replace.sf-nebraska:before, .sf-replace.sf-ne:before, .sf-replace.sf-31:before, .sf-replace.sf-nevada:before, .sf-replace.sf-nv:before, .sf-replace.sf-32:before, .sf-replace.sf-new-hampshire:before, .sf-replace.sf-nh:before, .sf-replace.sf-33:before, .sf-replace.sf-new-jersey:before, .sf-replace.sf-nj:before, .sf-replace.sf-34:before, .sf-replace.sf-new-mexico:before, .sf-replace.sf-nm:before, .sf-replace.sf-35:before, .sf-replace.sf-new-york:before, .sf-replace.sf-ny:before, .sf-replace.sf-36:before, .sf-replace.sf-north-carolina:before, .sf-replace.sf-nc:before, .sf-replace.sf-37:before, .sf-replace.sf-north-dakota:before, .sf-replace.sf-nd:before, .sf-replace.sf-38:before, .sf-replace.sf-ohio:before, .sf-replace.sf-oh:before, .sf-replace.sf-39:before, .sf-replace.sf-oklahoma:before, .sf-replace.sf-ok:before, .sf-replace.sf-40:before, .sf-replace.sf-oregon:before, .sf-replace.sf-or:before, .sf-replace.sf-41:before, .sf-replace.sf-pennsylvania:before, .sf-replace.sf-pa:before, .sf-replace.sf-42:before, .sf-replace.sf-rhode-island:before, .sf-replace.sf-ri:before, .sf-replace.sf-44:before, .sf-replace.sf-south-carolina:before, .sf-replace.sf-sc:before, .sf-replace.sf-45:before, .sf-replace.sf-south-dakota:before, .sf-replace.sf-sd:before, .sf-replace.sf-46:before, .sf-replace.sf-tennessee:before, .sf-replace.sf-tn:before, .sf-replace.sf-47:before, .sf-replace.sf-texas:before, .sf-replace.sf-tx:before, .sf-replace.sf-48:before, .sf-replace.sf-utah:before, .sf-replace.sf-ut:before, .sf-replace.sf-49:before, .sf-replace.sf-vermont:before, .sf-replace.sf-vt:before, .sf-replace.sf-50:before, .sf-replace.sf-virginia:before, .sf-replace.sf-va:before, .sf-replace.sf-51:before, .sf-replace.sf-washington:before, .sf-replace.sf-wa:before, .sf-replace.sf-53:before, .sf-replace.sf-west-virginia:before, .sf-replace.sf-wv:before, .sf-replace.sf-54:before, .sf-replace.sf-wisconsin:before, .sf-replace.sf-wi:before, .sf-replace.sf-55:before, .sf-replace.sf-wyoming:before, .sf-replace.sf-wy:before, .sf-replace.sf-56:before, .sf-replace.sf-district-of-columbia:before, .sf-replace.sf-dc:before, .sf-replace.sf-11001:before, .sf-replace.sf-puerto-rico:before, .sf-replace.sf-pr:before, .sf-replace.sf-72:before, .sf-replace.sf-guam:before, .sf-replace.sf-gu:before, .sf-replace.sf-66:before { position: absolute; top: 0; left: 0; text-indent: 0; } .sf-alabama:before, .sf-al:before, .sf-01:before, .sf-alaska:before, .sf-ak:before, .sf-02:before, .sf-arizona:before, .sf-az:before, .sf-04:before, .sf-arkansas:before, .sf-ar:before, .sf-05:before, .sf-california:before, .sf-ca:before, .sf-06:before, .sf-colorado:before, .sf-co:before, .sf-08:before, .sf-connecticut:before, .sf-ct:before, .sf-09:before, .sf-delaware:before, .sf-de:before, .sf-10:before, .sf-florida:before, .sf-fl:before, .sf-12:before, .sf-georgia:before, .sf-ga:before, .sf-13:before, .sf-hawaii:before, .sf-hi:before, .sf-15:before, .sf-idaho:before, .sf-id:before, .sf-16:before, .sf-illinois:before, .sf-il:before, .sf-17:before, .sf-indiana:before, .sf-in:before, .sf-18:before, .sf-iowa:before, .sf-ia:before, .sf-19:before, .sf-kansas:before, .sf-ks:before, .sf-20:before, .sf-kentucky:before, .sf-ky:before, .sf-21:before, .sf-louisiana:before, .sf-la:before, .sf-22:before, .sf-maine:before, .sf-me:before, .sf-23:before, .sf-maryland:before, .sf-md:before, .sf-24:before, .sf-massachusetts:before, .sf-ma:before, .sf-25:before, .sf-michigan:before, .sf-mi:before, .sf-26:before, .sf-minnesota:before, .sf-mn:before, .sf-27:before, .sf-mississippi:before, .sf-ms:before, .sf-28:before, .sf-missouri:before, .sf-mo:before, .sf-29:before, .sf-montana:before, .sf-mt:before, .sf-30:before, .sf-nebraska:before, .sf-ne:before, .sf-31:before, .sf-nevada:before, .sf-nv:before, .sf-32:before, .sf-new-hampshire:before, .sf-nh:before, .sf-33:before, .sf-new-jersey:before, .sf-nj:before, .sf-34:before, .sf-new-mexico:before, .sf-nm:before, .sf-35:before, .sf-new-york:before, .sf-ny:before, .sf-36:before, .sf-north-carolina:before, .sf-nc:before, .sf-37:before, .sf-north-dakota:before, .sf-nd:before, .sf-38:before, .sf-ohio:before, .sf-oh:before, .sf-39:before, .sf-oklahoma:before, .sf-ok:before, .sf-40:before, .sf-oregon:before, .sf-or:before, .sf-41:before, .sf-pennsylvania:before, .sf-pa:before, .sf-42:before, .sf-rhode-island:before, .sf-ri:before, .sf-44:before, .sf-south-carolina:before, .sf-sc:before, .sf-45:before, .sf-south-dakota:before, .sf-sd:before, .sf-46:before, .sf-tennessee:before, .sf-tn:before, .sf-47:before, .sf-texas:before, .sf-tx:before, .sf-48:before, .sf-utah:before, .sf-ut:before, .sf-49:before, .sf-vermont:before, .sf-vt:before, .sf-50:before, .sf-virginia:before, .sf-va:before, .sf-51:before, .sf-washington:before, .sf-wa:before, .sf-53:before, .sf-west-virginia:before, .sf-wv:before, .sf-54:before, .sf-wisconsin:before, .sf-wi:before, .sf-55:before, .sf-wyoming:before, .sf-wy:before, .sf-56:before, .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before, .sf-puerto-rico:before, .sf-pr:before, .sf-72:before, .sf-guam:before, .sf-gu:before, .sf-66:before { display: inline-block; margin-right: 0px; font-family: 'sf-regular'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; speak: none; } /* Icons */ .sf-alabama:before, .sf-al:before, .sf-01:before { content: "B"; } .sf-alaska:before, .sf-ak:before, .sf-02:before { content: "A"; } .sf-arizona:before, .sf-az:before, .sf-04:before { content: "D"; } .sf-arkansas:before, .sf-ar:before, .sf-05:before { content: "C"; } .sf-california:before, .sf-ca:before, .sf-06:before { content: "E"; } .sf-colorado:before, .sf-co:before, .sf-08:before { content: "F"; } .sf-connecticut:before, .sf-ct:before, .sf-09:before { content: "G"; } .sf-delaware:before, .sf-de:before, .sf-10:before { content: "H"; } .sf-florida:before, .sf-fl:before, .sf-12:before { content: "I"; } .sf-georgia:before, .sf-ga:before, .sf-13:before { content: "J"; } .sf-hawaii:before, .sf-hi:before, .sf-15:before { content: "K"; } .sf-idaho:before, .sf-id:before, .sf-16:before { content: "M"; } .sf-illinois:before, .sf-il:before, .sf-17:before { content: "N"; } .sf-indiana:before, .sf-in:before, .sf-18:before { content: "O"; } .sf-iowa:before, .sf-ia:before, .sf-19:before { content: "L"; } .sf-kansas:before, .sf-ks:before, .sf-20:before { content: "P"; } .sf-kentucky:before, .sf-ky:before, .sf-21:before { content: "Q"; } .sf-louisiana:before, .sf-la:before, .sf-22:before { content: "R"; } .sf-maine:before, .sf-me:before, .sf-23:before { content: "U"; } .sf-maryland:before, .sf-md:before, .sf-24:before { content: "T"; } .sf-massachusetts:before, .sf-ma:before, .sf-25:before { content: "S"; } .sf-michigan:before, .sf-mi:before, .sf-26:before { content: "V"; } .sf-minnesota:before, .sf-mn:before, .sf-27:before { content: "W"; } .sf-mississippi:before, .sf-ms:before, .sf-28:before { content: "Y"; } .sf-missouri:before, .sf-mo:before, .sf-29:before { content: "X"; } .sf-montana:before, .sf-mt:before, .sf-30:before { content: "Z"; } .sf-nebraska:before, .sf-ne:before, .sf-31:before { content: "c"; } .sf-nevada:before, .sf-nv:before, .sf-32:before { content: "g"; } .sf-new-hampshire:before, .sf-nh:before, .sf-33:before { content: "d"; } .sf-new-jersey:before, .sf-nj:before, .sf-34:before { content: "e"; } .sf-new-mexico:before, .sf-nm:before, .sf-35:before { content: "f"; } .sf-new-york:before, .sf-ny:before, .sf-36:before { content: "h"; } .sf-north-carolina:before, .sf-nc:before, .sf-37:before { content: "a"; } .sf-north-dakota:before, .sf-nd:before, .sf-38:before { content: "b"; } .sf-ohio:before, .sf-oh:before, .sf-39:before { content: "i"; } .sf-oklahoma:before, .sf-ok:before, .sf-40:before { content: "j"; } .sf-oregon:before, .sf-or:before, .sf-41:before { content: "k"; } .sf-pennsylvania:before, .sf-pa:before, .sf-42:before { content: "l"; } .sf-rhode-island:before, .sf-ri:before, .sf-44:before { content: "m"; } .sf-south-carolina:before, .sf-sc:before, .sf-45:before { content: "n"; } .sf-south-dakota:before, .sf-sd:before, .sf-46:before { content: "o"; } .sf-tennessee:before, .sf-tn:before, .sf-47:before { content: "p"; } .sf-texas:before, .sf-tx:before, .sf-48:before { content: "q"; } .sf-utah:before, .sf-ut:before, .sf-49:before { content: "r"; } .sf-vermont:before, .sf-vt:before, .sf-50:before { content: "t"; } .sf-virginia:before, .sf-va:before, .sf-51:before { content: "s"; } .sf-washington:before, .sf-wa:before, .sf-53:before { content: "u"; } .sf-west-virginia:before, .sf-wv:before, .sf-54:before { content: "w"; } .sf-wisconsin:before, .sf-wi:before, .sf-55:before { content: "v"; } .sf-wyoming:before, .sf-wy:before, .sf-56:before { content: "x"; } .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before { content: "y"; } .sf-puerto-rico:before, .sf-pr:before, .sf-72:before { content: "3"; } .sf-guam:before, .sf-gu:before, .sf-66:before { content: "4"; } /************************************************************************************ Header *************************************************************************************/ @media screen and (max-width: 991px) { .d-header .container, .d-header .d-hero-front .carousel .carousel-indicators, .d-hero-front .carousel .d-header .carousel-indicators { padding-right: 0; } } .d-header .d-header-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; } @media screen and (max-width: 991px) { .d-header .d-header-wrapper { position: relative; } } .d-header .d-header-wrapper .d-logo { position: relative; } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-logo { position: absolute; display: flex; justify-content: center; width: 100%; } } .d-header .d-header-wrapper .d-logo img { position: absolute; top: 17px; z-index: 2; } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-logo img { position: relative; top: 19px; max-width: 85%; width: 100%; } } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-main-navigation { display: flex; justify-content: space-between; width: 100%; align-items: center; } } .d-header .d-header-wrapper .d-main-navigation .navbar { padding: 0; min-height: auto; } .d-header .d-header-wrapper .d-main-navigation .navbar .navbar-collapse.desktop { display: block; } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-main-navigation .navbar .navbar-collapse.desktop { display: none; } } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 19px; min-height: 104px; } @media only screen and (min-width: 992px) and (max-width: 1365px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 5px; } } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li { min-height: auto; } } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:first-child { padding-left: 0; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child { padding-right: 0; position: relative; width: 179px; padding: 0; text-align: center; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a { background: url(/wp-content/themes/climatemayors/images/bg-join.png); background-repeat: repeat-x; border-bottom: 0; height: 120px; width: 179px; position: absolute; right: 0; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 27px; line-height: 27px; font-weight: 500; letter-spacing: 3.2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a { /*font-size: 23px; line-height: 23px;*/ } } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a:hover { border-bottom: 0; color: #fff; background: #24a169; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.active a { color: #57bd81; border-bottom: 7px solid #57bd81; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { color: #808080; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 500; border-bottom: 7px solid #fff; padding-bottom: 33px; padding-top: 40px; min-height: 104px; } @media only screen and (min-width: 992px) and (max-width: 1365px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { font-size: 14px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { font-size: 14px; } } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { min-height: auto; } } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li > a:hover { color: #57bd81; border-bottom: 7px solid #57bd81; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown a.dropdown-toggle { display: flex; align-items: center; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show a.dropdown-toggle { color: #68bc80; border-bottom: 7px solid #68bc80; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show { margin: 0; border: 0; border-radius: 0; padding: 0 10px; min-width: 315px; width: 100%; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a { padding: 10px 10px; border-bottom: 1px solid #e8e8e8; background-image: url(/wp-content/themes/climatemayors/images/submenu-green.png); background-repeat: no-repeat; background-position: 98% center; color: #808080; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:last-child { border-bottom: 0; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:hover, .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a.active { background-color: #68bc80; color: #fff; background-image: url(/wp-content/themes/climatemayors/images/submenu-white.png); background-repeat: no-repeat; background-position: 98% center; } .d-header .d-header-wrapper .d-main-navigation .navbar ul.navbar-nav li:nth-child(5) a { background-image: url(/wp-content/themes/climatemayors/images/ico-search.png); background-repeat: no-repeat; background-position: left center; display: flex; align-items: center; padding-left: 30px; } .d-header .d-header-wrapper .d-main-navigation .d-btn-join-mobile { display: none; } @media screen and (max-width: 991px) { .d-header .d-header-wrapper .d-main-navigation .d-btn-join-mobile { display: block; height: 93px; } } .d-header .d-header-wrapper .d-main-navigation .d-btn-join-mobile a { background: url(/wp-content/themes/climatemayors/images/bg-join.png); background-repeat: repeat-x; border-bottom: 0; right: 0; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 17px; line-height: 17px; font-weight: 500; letter-spacing: 3.2px; height: 100%; position: absolute; display: flex; align-items: center; padding: 0 10px; } .d-header .navbar-collapse.mobile { width: 100%; margin: 0px -15px; background: #fff; z-index: 2; position: absolute; } .d-header .navbar-collapse.mobile ul.navbar-nav li { padding: 0 20px; } .d-header .navbar-collapse.mobile ul.navbar-nav li:last-child { display: none; } .d-header .navbar-collapse.mobile ul.navbar-nav li a { color: #808080; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 500; border-bottom: 0px solid #fff; padding-bottom: 15px; padding-top: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header .navbar-collapse.mobile ul.navbar-nav li a { font-size: 17px; line-height: 17px; } } .d-header .navbar-collapse.mobile ul.navbar-nav li a:hover { color: #57bd81; border-bottom: 0px solid #57bd81; } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown a.dropdown-toggle { display: flex; align-items: center; } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show a.dropdown-toggle { color: #68bc80; border-bottom: 7px solid #68bc80; } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show { margin: 0; border: 0; border-radius: 0; padding: 0 10px; min-width: 315px; width: 100%; position: relative !important; transform: none !important; } @media screen and (max-width: 991px) { .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show { padding: 0; min-width: 100%; } } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a { padding: 10px 10px; border-bottom: 1px solid #e8e8e8; background-image: url(/wp-content/themes/climatemayors/images/submenu-green.png); background-repeat: no-repeat; background-position: 98% center; } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:last-child { border-bottom: 0; } .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:hover, .d-header .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a.active { background-color: #68bc80; color: #fff; background-image: url(/wp-content/themes/climatemayors/images/submenu-white.png); background-repeat: no-repeat; background-position: 98% center; } .d-header .navbar-toggler { border: 0; padding: 0; outline: 0; } .d-header .navbar-toggler .animated-icon2 { width: 36px; height: 25px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .d-header .navbar-toggler .animated-icon2 span { display: block; position: absolute; height: 5px; width: 100%; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .d-header .navbar-toggler .animated-icon2 span { background: #44a1b8; } .d-header .navbar-toggler .animated-icon2 span:nth-child(1) { top: 0px; } .d-header .navbar-toggler .animated-icon2 span:nth-child(2), .d-header .navbar-toggler .animated-icon2 span:nth-child(3) { top: 10px; } .d-header .navbar-toggler .animated-icon2 span:nth-child(4) { top: 20px; } .d-header .navbar-toggler .animated-icon2.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .d-header .navbar-toggler .animated-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .d-header .navbar-toggler .animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .d-header .navbar-toggler .animated-icon2.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; } /************************************************************************************ Header Front *************************************************************************************/ .d-header-front { position: absolute; z-index: 1; width: 100%; top: 78px; } @media screen and (max-width: 991px) { .d-header-front { background: #fff; top: 0; } } @media screen and (max-width: 991px) { .d-header-front .container, .d-header-front .d-hero-front .carousel .carousel-indicators, .d-hero-front .carousel .d-header-front .carousel-indicators { padding-right: 0; } } .d-header-front .d-header-front-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper { position: relative; } } .d-header-front .d-header-front-wrapper .d-logo { position: relative; } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-logo { position: absolute; display: flex; justify-content: center; width: calc(100% - 15px); top: 115px; } } .d-header-front .d-header-front-wrapper .d-logo img { position: relative; top: 0; } @media only screen and (min-width: 992px) and (max-width: 1365px) { .d-header-front .d-header-front-wrapper .d-logo img { width: 100%; max-width: 200px; } } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-logo img { position: relative; top: 19px; max-width: 300px; width: 100%; } } .d-header-front .d-header-front-wrapper .d-main-navigation { padding-top: 34px; } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation { display: flex; justify-content: space-between; width: 100%; align-items: center; padding-top: 0; } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar { padding: 0; min-height: auto; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar .navbar-collapse.desktop { display: block; } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar .navbar-collapse.desktop { display: none; } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav { background: #fff; padding-left: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav { padding-left: 0; } } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav { padding-left: 0; } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 19px; min-height: 104px; } @media only screen and (min-width: 992px) and (max-width: 1365px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li { padding: 0 5px; } } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li { min-height: auto; } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:first-child { padding-left: 0; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child { padding-right: 0; position: relative; width: 179px; padding: 0; text-align: center; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a { background: url(/wp-content/themes/climatemayors/images/bg-join.png); background-repeat: repeat-x; border-bottom: 0; height: 120px; width: 179px; position: absolute; right: 0; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 27px; font-weight: 500; letter-spacing: 3.2px; margin-top: -8px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a { /*font-size: 23px; line-height: 23px;*/ } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:last-child a:hover { border-bottom: 0; color: #fff; background: #24a169; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { color: #808080; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 500; border-bottom: 7px solid #fff; padding-bottom: 33px; padding-top: 40px; min-height: 104px; } @media only screen and (min-width: 992px) and (max-width: 1365px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { font-size: 14px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { font-size: 14px; } } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li > a { min-height: auto; } } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li > a:hover { color: #57bd81; border-bottom: 7px solid #57bd81; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown a.dropdown-toggle { display: flex; align-items: center; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show a.dropdown-toggle { color: #68bc80; border-bottom: 7px solid #68bc80; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show { margin: 0; border: 0; border-radius: 0; padding: 0 10px; min-width: 315px; width: 100%; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a { padding: 10px 10px; border-bottom: 1px solid #e8e8e8; background-image: url(/wp-content/themes/climatemayors/images/submenu-green.png); background-repeat: no-repeat; background-position: 98% center; color: #808080; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:last-child { border-bottom: 0; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:hover, .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li.dropdown.show .dropdown-menu.show > a.active { background-color: #68bc80; color: #fff; background-image: url(/wp-content/themes/climatemayors/images/submenu-white.png); background-repeat: no-repeat; background-position: 98% center; } .d-header-front .d-header-front-wrapper .d-main-navigation .navbar ul.navbar-nav li:nth-child(5) a { background-image: url(/wp-content/themes/climatemayors/images/ico-search.png); background-repeat: no-repeat; background-position: left center; display: flex; align-items: center; padding-left: 30px; } .d-header-front .d-header-front-wrapper .d-main-navigation .d-btn-join-mobile { display: none; } @media screen and (max-width: 991px) { .d-header-front .d-header-front-wrapper .d-main-navigation .d-btn-join-mobile { display: block; height: 93px; } } .d-header-front .d-header-front-wrapper .d-main-navigation .d-btn-join-mobile a { background: url(/wp-content/themes/climatemayors/images/bg-join.png); background-repeat: repeat-x; border-bottom: 0; right: 0; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 17px; line-height: 17px; font-weight: 500; letter-spacing: 3.2px; height: 100%; position: absolute; display: flex; align-items: center; padding: 0 10px; width: calc(100% - 50px); justify-content: center; } .d-header-front .navbar-collapse.mobile { width: 100%; margin: 0px -15px; background: #fff; z-index: 2; position: absolute; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li { padding: 0 20px; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li:last-child { display: none; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li a { color: #808080; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 500; border-bottom: 0px solid #fff; padding-bottom: 15px; padding-top: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .d-header-front .navbar-collapse.mobile ul.navbar-nav li a { font-size: 17px; line-height: 17px; } } .d-header-front .navbar-collapse.mobile ul.navbar-nav li a:hover { color: #57bd81; border-bottom: 0px solid #57bd81; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown a.dropdown-toggle { display: flex; align-items: center; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show a.dropdown-toggle { color: #68bc80; border-bottom: 7px solid #68bc80; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show { margin: 0; border: 0; border-radius: 0; padding: 0 10px; min-width: 315px; width: 100%; position: relative !important; transform: none !important; } @media screen and (max-width: 991px) { .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show { padding: 0; min-width: 100%; } } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a { padding: 10px 10px; border-bottom: 1px solid #e8e8e8; background-image: url(/wp-content/themes/climatemayors/images/submenu-green.png); background-repeat: no-repeat; background-position: 98% center; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:last-child { border-bottom: 0; } .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a:hover, .d-header-front .navbar-collapse.mobile ul.navbar-nav li.dropdown.show .dropdown-menu.show > a.active { background-color: #68bc80; color: #fff; background-image: url(/wp-content/themes/climatemayors/images/submenu-white.png); background-repeat: no-repeat; background-position: 98% center; } .d-header-front .navbar-toggler { border: 0; padding: 0; outline: 0; } .d-header-front .navbar-toggler .animated-icon2 { width: 36px; height: 25px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .d-header-front .navbar-toggler .animated-icon2 span { display: block; position: absolute; height: 5px; width: 100%; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .d-header-front .navbar-toggler .animated-icon2 span { background: #44a1b8; } .d-header-front .navbar-toggler .animated-icon2 span:nth-child(1) { top: 0px; } .d-header-front .navbar-toggler .animated-icon2 span:nth-child(2), .d-header-front .navbar-toggler .animated-icon2 span:nth-child(3) { top: 10px; } .d-header-front .navbar-toggler .animated-icon2 span:nth-child(4) { top: 20px; } .d-header-front .navbar-toggler .animated-icon2.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .d-header-front .navbar-toggler .animated-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .d-header-front .navbar-toggler .animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .d-header-front .navbar-toggler .animated-icon2.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; } /************************************************************************************ Pre Footer *************************************************************************************/ .d-footer { background: #14183d; padding: 37px 0; } @media screen and (max-width: 767px) { .d-footer { padding-bottom: 90px; } } .d-footer .d-footer-left { display: flex; } @media screen and (max-width: 767px) { .d-footer .d-footer-left { justify-content: center; } } .d-footer .d-footer-left .d-logo-footer { margin-right: 55px; } @media screen and (max-width: 991px) { .d-footer .d-footer-left .d-logo-footer { margin-right: 25px; max-width: 135px; } } .d-footer .d-footer-left .navbar-nav li a { color: #fff; font-family: proxima-nova, sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 500; margin-bottom: 0; letter-spacing: 2.24px; padding: 4.5px 0; } @media screen and (max-width: 991px) { .d-footer .d-footer-left .navbar-nav li a { font-size: 14px; } } .d-footer .d-footer-left .navbar-nav li:first-child a { padding-top: 0; } .d-footer .d-footer-left .navbar-nav li:last-child a { color: #57bd81; font-family: "Oswald", sans-serif; font-size: 25px; letter-spacing: 3.2px; padding: 4.5px 0 0 0; } @media screen and (max-width: 991px) { .d-footer .d-footer-left .navbar-nav li:last-child a { font-size: 17px; } } .d-footer .d-footer-left .navbar-nav li.dropdown a.dropdown-toggle { display: flex; align-items: center; } .d-footer .d-footer-left .navbar-nav li.dropdown.show a.dropdown-toggle { color: #68bc80; border-bottom: 0; } .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show { margin: 0; border: 0; border-radius: 0; padding: 0 10px; min-width: 330px; width: 100%; } @media screen and (max-width: 767px) { .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show { min-width: 100%; } } .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show > a { padding: 10px 10px; border-bottom: 1px solid #e8e8e8; background-image: url(/wp-content/themes/climatemayors/images/submenu-green.png); background-repeat: no-repeat; background-position: 98% center; color: #808080; font-size: 14px; } @media screen and (max-width: 767px) { .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show > a { white-space: break-spaces; } } .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show > a:last-child { border-bottom: 0; } .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show > a:hover, .d-footer .d-footer-left .navbar-nav li.dropdown.show .dropdown-menu.show > a.active { background-color: #68bc80; color: #fff; background-image: url(/wp-content/themes/climatemayors/images/submenu-white.png); background-repeat: no-repeat; background-position: 98% center; } @media screen and (max-width: 767px) { .d-footer .d-footer-right { text-align: center !important; margin-top: 90px; } } .d-footer .d-footer-right p { color: #5c74a7; font-family: proxima-nova, sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 600; margin-bottom: 2px; letter-spacing: 3.2px; } @media screen and (max-width: 991px) { .d-footer .d-footer-right p { font-size: 14px; } } .d-footer .d-footer-right a { color: #fff; font-family: proxima-nova, sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 600; margin-bottom: 2px; letter-spacing: 3.2px; } @media screen and (max-width: 991px) { .d-footer .d-footer-right a { font-size: 14px; } } .d-footer .d-footer-right > span a { color: #5c74a7; font-family: proxima-nova, sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 600; margin-bottom: 2px; letter-spacing: 3.2px; text-decoration: none; } @media screen and (max-width: 991px) { .d-footer .d-footer-right > span a { font-size: 14px; } } /************************************************************************************ General *************************************************************************************/ body { overflow-x: hidden; font-family: proxima-nova, sans-serif; } .container, .d-hero-front .carousel .carousel-indicators { padding: 0 15px; } @media (max-width: 1199px) { .container, .d-hero-front .carousel .carousel-indicators { max-width: 100%; } } @media (min-width: 1200px) { .container, .d-hero-front .carousel .carousel-indicators { max-width: 1410px; } } #wpadminbar ul li#wp-admin-bar-tribe-events { display: none; } /************************************************************************************ Frontpage - Hero *************************************************************************************/ .d-hero-front .carousel .carousel-inner .carousel-item { width: 100%; height: 767px; } .d-hero-front .carousel .carousel-inner .carousel-item img { width: 100%; height: 767px; object-fit: cover; object-position: bottom; } .d-hero-front .carousel .carousel-inner .carousel-item > .container, .d-hero-front .carousel .carousel-inner .carousel-item > .carousel-indicators { bottom: 250px; margin: 0 auto; position: relative; } @media screen and (max-width: 767px) { .d-hero-front .carousel .carousel-inner .carousel-item > .container, .d-hero-front .carousel .carousel-inner .carousel-item > .carousel-indicators { bottom: 285px; } } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-title { padding: 0; margin: 0; text-align: left; right: 0; left: 0; } @media screen and (max-width: 991px) { .d-hero-front .carousel .carousel-inner .carousel-item .carousel-title { padding: 0; text-align: center; display: flex; justify-content: center; padding: 0 30px; } } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-title h4 { margin: 0; color: #fff; font-family: "Oswald", sans-serif; font-size: 45px; font-weight: 400; max-width: 880px; } @media screen and (max-width: 991px) { .d-hero-front .carousel .carousel-inner .carousel-item .carousel-title h4 { font-size: 28px; line-height: 36px; max-width: 100%; } } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description { display: flex; align-items: baseline; position: absolute; bottom: -82px; } @media screen and (max-width: 991px) { .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description { padding: 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; bottom: -100px; } } @media screen and (max-width: 767px) { .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description { bottom: -82px; } } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description .description-text { color: #fff; font-family: proxima-nova, sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; margin-right: 5px; } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description .location-text { color: #adadad; font-family: proxima-nova, sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; font-style: italic; margin-right: 5px; } .d-hero-front .carousel .carousel-inner .carousel-item .carousel-description a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 3.2px; text-transform: uppercase; } .d-hero-front .carousel .carousel-indicators { justify-content: flex-start; margin-bottom: 0; bottom: 35px; margin: 0 auto; } @media screen and (max-width: 991px) { .d-hero-front .carousel .carousel-indicators { justify-content: center; padding-left: 0; } } @media screen and (max-width: 767px) { .d-hero-front .carousel .carousel-indicators { bottom: 15px; } } .d-hero-front .carousel .carousel-indicators li { width: 95px; height: 4px; background-color: #878891; margin: 0 5px 0 0; } .d-hero-front .carousel .carousel-indicators li.active { background-color: #57bd81; } /************************************************************************************ Frontpage - Intro - Featured *************************************************************************************/ .d-intro-featured-front { background-image: url(/wp-content/themes/climatemayors/images/bg-intro.png); background-repeat: no-repeat; background-position: left top; } .d-intro-featured-front .d-intro-featured-front-wrapper { display: flex; flex-wrap: nowrap; } @media screen and (max-width: 991px) { .d-intro-featured-front .d-intro-featured-front-wrapper { flex-wrap: wrap; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front { padding: 65px 90px 0 0; width: calc(100% - 480px); } @media screen and (max-width: 991px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front { padding: 65px 0 45px 0; width: 100%; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 30px; font-weight: 400; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front p b { color: #3a3a3a; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front p span { color: #57bd81; font-family: "Oswald", sans-serif; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links { display: flex; margin-top: 20px; } @media screen and (max-width: 991px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links { justify-content: center; } } @media screen and (max-width: 767px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links { justify-content: space-between; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more { background: #242a5f; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; margin-right: 25px; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more:hover { text-decoration: none; background: #242a5f; color: #fff; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more:active { text-decoration: none; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more:focus { text-decoration: none; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-learn-more { font-size: 16px; line-height: 21px; text-align: center; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; margin-left: 25px; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join:hover { text-decoration: none; background: #24a169; color: #fff; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join:active { text-decoration: none; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join:focus { text-decoration: none; } .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-intro-front .d-links a.btn-join { font-size: 16px; line-height: 21px; text-align: center; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-featured-block { box-shadow: none; margin-top: -50px; z-index: 1; } @media screen and (max-width: 991px) { .d-intro-featured-front .d-intro-featured-front-wrapper .d-featured-block { margin-top: 0; } } .d-intro-featured-front .d-intro-featured-front-wrapper .d-featured-block .d-featured-body { background: #e6f0f4; } /************************************************************************************ Frontpage - Call Action *************************************************************************************/ .d-call-action { background-color: #242a5f; background-image: url(/wp-content/themes/climatemayors/images/bg-blue.png); background-repeat: no-repeat; background-position: right top; padding: 70px 0; } @media screen and (max-width: 991px) { .d-call-action { background-position: center center; background-size: cover; padding: 35px 0; } } .d-call-action .d-call-action-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; position: relative; } @media screen and (max-width: 991px) { .d-call-action .d-call-action-wrapper { flex-wrap: wrap; } } .d-call-action .d-call-action-wrapper .d-call-action-wrapper-txt { max-width: 50%; } @media screen and (max-width: 991px) { .d-call-action .d-call-action-wrapper .d-call-action-wrapper-txt { max-width: 100%; } } @media screen and (max-width: 767px) { .d-call-action .d-call-action-wrapper .d-call-action-wrapper-txt { padding-bottom: 50px; } } .d-call-action .d-call-action-wrapper .d-call-action-wrapper-txt h2 { margin: 0 0 15px 0; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; letter-spacing: 3.2px; text-transform: uppercase; color: #fff; } .d-call-action .d-call-action-wrapper .d-call-action-wrapper-txt p { margin: 0; font-family: proxima-nova, sans-serif; font-size: 24px; line-height: 27px; font-weight: 500; color: #bde6ef; } .d-call-action .d-call-action-wrapper a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; font-family: proxima-nova, sans-serif; font-weight: 900; letter-spacing: 3.2px; font-size: 18px; text-transform: uppercase; } .d-call-action .d-call-action-wrapper a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-call-action .d-call-action-wrapper a:active { text-decoration: none; } .d-call-action .d-call-action-wrapper a:focus { text-decoration: none; } .d-call-action .d-call-action-wrapper a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-call-action .d-call-action-wrapper a { font-size: 16px; line-height: 21px; text-align: center; } } @media screen and (max-width: 991px) { .d-call-action .d-call-action-wrapper a { margin: 20px auto 0; } } @media screen and (max-width: 767px) { .d-call-action .d-call-action-wrapper a { position: absolute; bottom: -70px; z-index: 99; width: 100%; padding: 28.5px 30px; } } /************************************************************************************ Frontpage - Map *************************************************************************************/ .d-map { /*display: flex;*/ justify-content: center; background: #44a1b8; z-index: 9; position: relative; min-height: 767px; padding-bottom: 150px; } @media screen and (max-width: 991px) { .d-map { min-height: auto; padding: 0px 0 140px 0; } } @media screen and (max-width: 767px) { .d-map { padding: 50px 0; } } .d-map .usaHtml5MapContainer .fm-scale { margin: 0; width: 100%; } .d-map .usaHtml5MapContainer .fm-scale .fm-scale-display { background: transparent; } .d-map .usaHtml5MapContainer .fm-scale .fm-scale-buttons { display: flex; justify-content: flex-end; width: 100%; } .d-map img { width: 100%; } @media screen and (max-width: 767px) { .d-map img { min-height: 500px; } } /************************************************************************************ Frontpage - Mayor's Moment *************************************************************************************/ .d-moment { background-image: url(/wp-content/themes/climatemayors/images/bg-circle-lightblue.png); background-repeat: no-repeat; background-position: left top; padding: 0 0 100px 0; } @media screen and (max-width: 991px) { .d-moment { padding: 0 0 50px 0; } } .d-moment .d-moment-wrapper { background: #fff; border-right: 9px solid #57bd81; padding: 40px 25px 25px 25px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.29); display: flex; flex-wrap: nowrap; margin-top: -135px; z-index: 10; position: relative; } @media screen and (max-width: 767px) { .d-moment .d-moment-wrapper { flex-wrap: wrap; margin-top: -35px; border-right: 0px solid #57bd81; border-bottom: 9px solid #57bd81; } } @media screen and (max-width: 767px) { .d-moment .d-moment-wrapper .d-moment-wrapper-left { width: 100%; } } .d-moment .d-moment-wrapper .d-moment-wrapper-left img { margin-top: -60px; margin-right: 40px; } @media screen and (max-width: 767px) { .d-moment .d-moment-wrapper .d-moment-wrapper-left img { margin-top: -60px; margin-right: 0; width: 100%; margin-bottom: 20px; height: auto; } } .d-moment .d-moment-wrapper .d-moment-wrapper-right { padding-right: 150px; } @media screen and (max-width: 991px) { .d-moment .d-moment-wrapper .d-moment-wrapper-right { padding-right: 0; } } .d-moment .d-moment-wrapper .d-moment-wrapper-right .d-moment-title { display: flex; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: 700; color: #ababab; text-transform: uppercase; letter-spacing: 3.2px; margin-bottom: 20px; } .d-moment .d-moment-wrapper .d-moment-wrapper-right .d-moment-title span { border-bottom: 3px solid #44a1b8; padding-bottom: 8px; margin-right: 5px; } @media screen and (max-width: 767px) { .d-moment .d-moment-wrapper .d-moment-wrapper-right .d-moment-title span { border-bottom: 0px solid #44a1b8; padding-bottom: 0; margin-right: 0; } } @media screen and (max-width: 767px) { .d-moment .d-moment-wrapper .d-moment-wrapper-right .d-moment-title { flex-wrap: wrap; border-bottom: 3px solid #44a1b8; padding-bottom: 8px; margin-right: 5px; } } .d-moment .d-moment-wrapper .d-moment-wrapper-right p { margin: 0 0 25px 0; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; color: #323232; } .d-moment .d-moment-wrapper .d-moment-wrapper-right a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } .d-moment .d-moment-wrapper .d-moment-wrapper-right a:hover { text-decoration: none; } .d-moment .d-moment-wrapper .d-moment-wrapper-right a:active { text-decoration: none; } .d-moment .d-moment-wrapper .d-moment-wrapper-right a:focus { text-decoration: none; } .d-moment .d-moment-wrapper .d-moment-wrapper-right a:visited { text-decoration: none; } .d-moment .d-stay-twitter-wrapper { display: flex; flex-wrap: wrap; padding-top: 75px; } @media screen and (max-width: 991px) { .d-moment .d-stay-twitter-wrapper { flex-wrap: wrap; } } .d-moment .d-stay-twitter-wrapper .d-stay-update { width: calc(100% - 480px); padding-right: 50px; } @media screen and (max-width: 991px) { .d-moment .d-stay-twitter-wrapper .d-stay-update { width: 100%; padding-right: 0; margin-bottom: 50px; } } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title { display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #44a1b8; padding-bottom: 21px; margin-bottom: 32px; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title h2 { margin: 0; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; letter-spacing: 3.2px; text-transform: uppercase; color: #4e4e4e; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title a:hover { text-decoration: none; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title a:active { text-decoration: none; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title a:focus { text-decoration: none; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-title a:visited { text-decoration: none; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-row { margin-bottom: 50px; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-row:last-child { margin-bottom: 0; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-row .d-stay-update-row-date { display: flex; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: 700; color: #ababab; text-transform: uppercase; letter-spacing: 3.2px; margin-bottom: 10px; } .d-moment .d-stay-twitter-wrapper .d-stay-update .d-stay-update-row a { font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 700; color: #57bd81; text-decoration: none; } .d-moment .d-stay-twitter-wrapper .d-twitter { width: 480px; background: #242a5f; position: relative; } @media screen and (max-width: 991px) { .d-moment .d-stay-twitter-wrapper .d-twitter { width: 100%; } } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet { padding: 30px; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed { font-family: proxima-nova, sans-serif; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker { display: flex; flex-wrap: wrap; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack { width: 100% !important; padding: 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item { background: transparent; border: 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-poster { padding: 10px 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-poster .j-twitter-poster { color: #fff; font-family: proxima-nova, sans-serif; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-text { padding: 20px 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-text .j-message p { color: #fff; font-family: proxima-nova, sans-serif; font-weight: normal; font-size: 22px; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-text .j-message p a { color: #57bd81; font-family: proxima-nova, sans-serif; font-weight: normal; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-stacker .j-stack .feed-item .j-text .j-meta .j-twitter-date { color: #fff; font-family: proxima-nova, sans-serif; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed .j-paginate.juicer-button { margin: 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-tweet .juicer-feed.modern li.feed-item.words .j-message { color: #fff; font-family: proxima-nova, sans-serif; font-weight: normal; font-size: 22px; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-footer { background: #131735; position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 17.5px 30px; left: 0; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-footer h2 { margin: 0; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; letter-spacing: 3.2px; text-transform: uppercase; color: #fff; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-footer ul { display: flex; list-style: none; margin: 0; align-items: center; } .d-moment .d-stay-twitter-wrapper .d-twitter .d-twitter-footer ul li:first-child { margin-right: 25px; } .twitter-timeline .timeline-Widget { background: #242a5f !important; max-width: 100% !important; border-radius: 0 !important; } .twitter-timeline .timeline-Widget .timeline-Header, .twitter-timeline .timeline-Widget .timeline-Footer { display: none; } .twitter-timeline .timeline-Widget .timeline-Body { font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } /************************************************************************************ Breadcrumb *************************************************************************************/ .d-breadcrumb { position: absolute; width: 100%; z-index: 1; } .d-breadcrumb .container, .d-breadcrumb .d-hero-front .carousel .carousel-indicators, .d-hero-front .carousel .d-breadcrumb .carousel-indicators { display: flex; flex-wrap: nowrap; margin-bottom: 0; background-color: transparent; border-radius: 0; padding: 35px 0 35px 275px; } @media screen and (max-width: 991px) { .d-breadcrumb .container, .d-breadcrumb .d-hero-front .carousel .carousel-indicators, .d-hero-front .carousel .d-breadcrumb .carousel-indicators { padding: 35px 0 35px 0; } } @media screen and (max-width: 767px) { .d-breadcrumb .container, .d-breadcrumb .d-hero-front .carousel .carousel-indicators, .d-hero-front .carousel .d-breadcrumb .carousel-indicators { justify-content: center; padding-top: 150px; } } .d-breadcrumb .breadcrumb { margin-bottom: 0; background-color: transparent; border-radius: 0; padding: 35px 0 35px 260px; } @media screen and (max-width: 991px) { .d-breadcrumb .breadcrumb { padding: 35px 0 35px 0; } } @media screen and (max-width: 767px) { .d-breadcrumb .breadcrumb { justify-content: center; padding-top: 150px; } } .d-breadcrumb li { color: #fff; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; padding: 0; display: flex; align-items: center; padding-left: 0 !important; } @media screen and (max-width: 767px) { .d-breadcrumb li { width: auto; max-width: 33%; text-align: center; } } .d-breadcrumb li.active { padding: 0; display: flex; align-items: center; } .d-breadcrumb li.active::before, .d-breadcrumb li::before { content: '' !important; color: transparent !important; background-image: url(/wp-content/themes/climatemayors/images/ico-breadcrum.png); background-repeat: no-repeat; background-position: center center; background-size: 5px 9px; width: 5px; height: 9px; margin: 0 10px; } .d-breadcrumb li:first-child::before { display: none; } .d-breadcrumb li a { color: #fff; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; } /************************************************************************************ Hero *************************************************************************************/ .d-hero-internal { position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%; /*min-height: 609px;*/ min-height: 460px; } @media screen and (max-width: 991px) { .d-hero-internal { min-height: 550px; } } .d-hero-internal .hero-internal-wrapper { /*bottom: 170px;*/ bottom: 70px; margin: 0 auto; position: absolute; width: 100%; max-width: 1410px; } @media screen and (max-width: 991px) { .d-hero-internal .hero-internal-wrapper { left: 0; right: 0; } } @media screen and (max-width: 767px) { .d-hero-internal .hero-internal-wrapper { bottom: 100px; } } .d-hero-internal .hero-title { padding: 0; margin: 0; text-align: left; right: 0; left: 0; } @media screen and (max-width: 991px) { .d-hero-internal .hero-title { padding: 0; /*text-align: center;*/ display: flex; /*justify-content: center;*/ padding: 0 30px; flex-wrap: wrap; } } .d-hero-internal .hero-title h4 { margin: 0; color: #fff; font-family: "Oswald", sans-serif; font-size: 45px; font-weight: 400; max-width: 880px; } @media screen and (max-width: 991px) { .d-hero-internal .hero-title h4 { max-width: 100%; width: 100%; } } @media screen and (max-width: 767px) { .d-hero-internal .hero-title h4 { /*font-size: 28px; line-height: 36px;*/ max-width: 100%; } } .d-hero-internal .hero-title p { margin: 0; padding-top: 23px; color: #fff; font-family: proxima-nova, sans-serif; font-size: 24px; line-height: 32px; font-weight: 400; max-width: calc(100% - 500px); } @media screen and (max-width: 991px) { .d-hero-internal .hero-title p { max-width: 100%; } } @media screen and (max-width: 767px) { .d-hero-internal .hero-title p { font-size: 22px; line-height: 30px; } } .d-hero-internal .hero-title.city { display: flex; align-items: center; justify-content: space-between; } .d-hero-internal .hero-title.city img { position: absolute; right: 100px; } @media screen and (max-width: 991px) { .d-hero-internal .hero-title.city img { display: none; } } .d-hero-internal .hero-title.city .sf-map { position: absolute; right: 100px; } .d-hero-internal .hero-title.city .sf-map::before { color: #fff; font-size: 500px; } @media screen and (max-width: 991px) { .d-hero-internal .hero-title.city .sf-map::before { display: none; } } .d-hero-internal.member-cities, .d-hero-internal.ev-purchasing-collaborative { background-image: none; background: #44a1b8; min-height: 390px; } @media screen and (max-width: 767px) { .d-hero-internal.member-cities, .d-hero-internal.ev-purchasing-collaborative { min-height: 550px; } } .d-hero-internal.member-cities .hero-internal-wrapper, .d-hero-internal.ev-purchasing-collaborative .hero-internal-wrapper { bottom: 75px; } @media screen and (max-width: 767px) { .d-hero-internal.member-cities .hero-internal-wrapper, .d-hero-internal.ev-purchasing-collaborative .hero-internal-wrapper { bottom: 75px; } } /************************************************************************************ Featured Block *************************************************************************************/ .d-featured-block { box-shadow: 0px 2px 5px rgba(68, 161, 184, 0.29); width: 480px; z-index: 1; height: fit-content; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-featured-block { display: flex; flex-wrap: nowrap; align-items: center; background: #e6f0f4; } } @media screen and (max-width: 991px) { .d-featured-block { width: 100%; margin: 0; margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-featured-block .d-featured-block-top { width: 40%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-featured-block .d-featured-block-bottom { width: 60%; } } .d-featured-block .d-featured-title { background: #202654; padding: 17px 20px; } .d-featured-block .d-featured-title h2 { color: #fff; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; text-transform: uppercase; background-image: url(/wp-content/themes/climatemayors/images/bullet-green.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 25px; margin: 0; } .d-featured-block .d-featured-img { border-bottom: 8px solid #57bd81; } .d-featured-block .d-featured-img img { width: 100%; object-fit: cover; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-featured-block .d-featured-img img { height: 284px; } } .d-featured-block .d-featured-body { background: #fff; padding: 30px; } .d-featured-block .d-featured-body a.title { color: #44a1b8; font-family: "Oswald", sans-serif; font-size: 35px; line-height: 49px; font-weight: 400; background-image: url(/wp-content/themes/climatemayors/images/ico-arrow-next.png); background-repeat: no-repeat; background-position: right center; padding-right: 40px; } @media screen and (max-width: 767px) { .d-featured-block .d-featured-body a.title { font-size: 30px; line-height: 44px; } } .d-featured-block .d-featured-body p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; } @media screen and (max-width: 767px) { .d-featured-block .d-featured-body p { font-size: 18px; } } .d-featured-block .d-featured-body a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } .d-featured-block .d-featured-body a:hover { text-decoration: none; } .d-featured-block .d-featured-body a:active { text-decoration: none; } .d-featured-block .d-featured-body a:focus { text-decoration: none; } .d-featured-block .d-featured-body a:visited { text-decoration: none; } .d-featured-block .d-featured-body span { width: 100%; float: left; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; letter-spacing: 3.2px; text-transform: uppercase; padding-top: 10px; } /************************************************************************************ Call to Action Block *************************************************************************************/ .d-call-to-action-block { background-image: url(/wp-content/themes/climatemayors/images/bg-call-action-2.png); background-repeat: no-repeat; background-position: top center; position: relative; min-height: 935px; } .d-call-to-action-block .d-call-to-action-block-wrapper { display: flex; flex-wrap: wrap; justify-content: center; position: absolute; bottom: 90px; text-align: center; left: 0; right: 0; max-width: 900px; margin: 0 auto; } .d-call-to-action-block .d-call-to-action-block-wrapper h2 { width: 100%; margin: 0; font-family: "Oswald", sans-serif; font-size: 55px; line-height: 68px; font-weight: 300; color: #fff; } @media screen and (max-width: 767px) { .d-call-to-action-block .d-call-to-action-block-wrapper h2 { font-size: 50px; line-height: 63px; } } .d-call-to-action-block .d-call-to-action-block-wrapper h2 b { font-size: 64px; line-height: 72px; font-weight: 500; } @media screen and (max-width: 767px) { .d-call-to-action-block .d-call-to-action-block-wrapper h2 b { font-size: 59px; line-height: 67px; } } .d-call-to-action-block .d-call-to-action-block-wrapper a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; margin-top: 40px; padding: 53px 120px; letter-spacing: 3.2px; } .d-call-to-action-block .d-call-to-action-block-wrapper a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-call-to-action-block .d-call-to-action-block-wrapper a:active { text-decoration: none; } .d-call-to-action-block .d-call-to-action-block-wrapper a:focus { text-decoration: none; } .d-call-to-action-block .d-call-to-action-block-wrapper a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-call-to-action-block .d-call-to-action-block-wrapper a { font-size: 16px; line-height: 21px; text-align: center; } } @media screen and (max-width: 767px) { .d-call-to-action-block .d-call-to-action-block-wrapper a { padding: 35px 20px; } } /************************************************************************************ Target Block *************************************************************************************/ .d-target-block { position: relative; background: #fff; box-shadow: 0px 2px 5px rgba(68, 161, 184, 0.29); width: 100%; max-width: 480px; z-index: 1; height: fit-content; margin-bottom: 65px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-target-block { max-width: 50%; margin-right: 15px; } } @media screen and (max-width: 767px) { .d-target-block { max-width: 100%; } } .d-target-block .d-target-title { background: #57bd81; padding: 12px 30px; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 49px; font-weight: 400; color: #fff; text-transform: uppercase; } .d-target-block .d-target-body { background: #fff; padding: 30px; } .d-target-block .d-target-body p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; } @media screen and (max-width: 767px) { .d-target-block .d-target-body p { font-size: 18px; } } .d-target-block .d-target-body ul { margin: 0; } .d-target-block .d-target-body ul li { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; margin-bottom: 20px; } .d-target-block .d-target-body ul li:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .d-target-block .d-target-body ul li { font-size: 18px; } } /************************************************************************************ Moment Block *************************************************************************************/ .d-moment-block { background: #fff; box-shadow: 0px 2px 5px rgba(68, 161, 184, 0.29); width: 100%; max-width: 480px; z-index: 1; height: fit-content; border-bottom: 8px solid #57bd81; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-moment-block { max-width: 50%; margin-left: 15px; } } @media screen and (max-width: 767px) { .d-moment-block { max-width: 100%; } } .d-moment-block .d-moment-img { text-align: center; } .d-moment-block .d-moment-img img { margin-top: -20px; width: calc(100% - 44px); object-fit: cover; object-position: top; } .d-moment-block .d-moment-body { background: #fff; padding: 30px; } .d-moment-block .d-moment-body h2 { margin: 0; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 3.2px; padding-bottom: 0; margin-bottom: 17px; border-bottom: 3px solid #44a1b8; } .d-moment-block .d-moment-body p { color: #323232; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; margin-bottom: 8px; } @media screen and (max-width: 767px) { .d-moment-block .d-moment-body p { font-size: 18px; } } .d-moment-block .d-moment-body a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } .d-moment-block .d-moment-body a:hover { text-decoration: none; } .d-moment-block .d-moment-body a:active { text-decoration: none; } .d-moment-block .d-moment-body a:focus { text-decoration: none; } .d-moment-block .d-moment-body a:visited { text-decoration: none; } /************************************************************************************ Default Page (search, error, post) *************************************************************************************/ #main .post, #main .page, #main .error-404, #main .d-person { border: 0; margin-bottom: 20px; overflow-x: auto; padding: 0; padding-top: 175px; } #main .post h1.entry-title, #main .post h1.entry-title a, #main .post h1.page-title, #main .page h1.entry-title, #main .page h1.entry-title a, #main .page h1.page-title, #main .error-404 h1.entry-title, #main .error-404 h1.entry-title a, #main .error-404 h1.page-title, #main .d-person h1.entry-title, #main .d-person h1.entry-title a, #main .d-person h1.page-title { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 50px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; text-decoration: none; } @media screen and (max-width: 991px) { #main .post h1.entry-title, #main .post h1.entry-title a, #main .post h1.page-title, #main .page h1.entry-title, #main .page h1.entry-title a, #main .page h1.page-title, #main .error-404 h1.entry-title, #main .error-404 h1.entry-title a, #main .error-404 h1.page-title, #main .d-person h1.entry-title, #main .d-person h1.entry-title a, #main .d-person h1.page-title { line-height: 40px; } } #main .post .entry-content h1, #main .post .page-content h1, #main .page .entry-content h1, #main .page .page-content h1, #main .error-404 .entry-content h1, #main .error-404 .page-content h1, #main .d-person .entry-content h1, #main .d-person .page-content h1 { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 30px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; } #main .post .entry-content h2, #main .post .page-content h2, #main .page .entry-content h2, #main .page .page-content h2, #main .error-404 .entry-content h2, #main .error-404 .page-content h2, #main .d-person .entry-content h2, #main .d-person .page-content h2 { margin: 0 0 20px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } #main .post .entry-content h3, #main .post .page-content h3, #main .page .entry-content h3, #main .page .page-content h3, #main .error-404 .entry-content h3, #main .error-404 .page-content h3, #main .d-person .entry-content h3, #main .d-person .page-content h3 { font-family: proxima-nova, sans-serif; font-size: 22px; line-height: 25px; font-weight: 700; color: #43484b; margin: 0 0 20px 0; } #main .post .entry-content p, #main .post .entry-content ul, #main .post .entry-content li, #main .post .page-content p, #main .post .page-content ul, #main .post .page-content li, #main .page .entry-content p, #main .page .entry-content ul, #main .page .entry-content li, #main .page .page-content p, #main .page .page-content ul, #main .page .page-content li, #main .error-404 .entry-content p, #main .error-404 .entry-content ul, #main .error-404 .entry-content li, #main .error-404 .page-content p, #main .error-404 .page-content ul, #main .error-404 .page-content li, #main .d-person .entry-content p, #main .d-person .entry-content ul, #main .d-person .entry-content li, #main .d-person .page-content p, #main .d-person .page-content ul, #main .d-person .page-content li { font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; color: #656b6f; } #main .post .entry-content a, #main .post .page-content a, #main .page .entry-content a, #main .page .page-content a, #main .error-404 .entry-content a, #main .error-404 .page-content a, #main .d-person .entry-content a, #main .d-person .page-content a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } #main .post .entry-content a:hover, #main .post .page-content a:hover, #main .page .entry-content a:hover, #main .page .page-content a:hover, #main .error-404 .entry-content a:hover, #main .error-404 .page-content a:hover, #main .d-person .entry-content a:hover, #main .d-person .page-content a:hover { text-decoration: none; } #main .post .entry-content a:active, #main .post .page-content a:active, #main .page .entry-content a:active, #main .page .page-content a:active, #main .error-404 .entry-content a:active, #main .error-404 .page-content a:active, #main .d-person .entry-content a:active, #main .d-person .page-content a:active { text-decoration: none; } #main .post .entry-content a:focus, #main .post .page-content a:focus, #main .page .entry-content a:focus, #main .page .page-content a:focus, #main .error-404 .entry-content a:focus, #main .error-404 .page-content a:focus, #main .d-person .entry-content a:focus, #main .d-person .page-content a:focus { text-decoration: none; } #main .post .entry-content a:visited, #main .post .page-content a:visited, #main .page .entry-content a:visited, #main .page .page-content a:visited, #main .error-404 .entry-content a:visited, #main .error-404 .page-content a:visited, #main .d-person .entry-content a:visited, #main .d-person .page-content a:visited { text-decoration: none; } #main .post .d-person-img img, #main .page .d-person-img img, #main .error-404 .d-person-img img, #main .d-person .d-person-img img { float: left; padding: 0 30px 15px 0; } #main .post, #main .d-person { padding-top: 50px; } #main .post footer, #main .d-person footer { display: none; } #main .error-404 { padding-bottom: 25%; } #main .d-search { border: 0; margin-bottom: 20px; overflow-x: auto; padding: 0; padding-bottom: 25%; padding-top: 175px; } #main .d-search article { margin-bottom: 30px; } #main .d-search .page { padding-top: 0; } #main .d-search h1.entry-title a { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 50px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; } @media screen and (max-width: 991px) { #main .d-search h1.entry-title a { line-height: 40px; } } #main .d-search .entry-content h1, #main .d-search .page-content h1 { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 50px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; } @media screen and (max-width: 991px) { #main .d-search .entry-content h1, #main .d-search .page-content h1 { line-height: 40px; } } #main .d-search .entry-content h2, #main .d-search .page-content h2 { margin: 0 0 20px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } #main .d-search .entry-content h3, #main .d-search .page-content h3 { font-family: proxima-nova, sans-serif; font-size: 22px; line-height: 25px; font-weight: 700; color: #43484b; margin: 0 0 20px 0; } #main .d-search .entry-content p, #main .d-search .entry-content ul, #main .d-search .entry-content li, #main .d-search .page-content p, #main .d-search .page-content ul, #main .d-search .page-content li { font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; color: #656b6f; } #main .d-search .entry-content a, #main .d-search .page-content a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; } #main .d-search .entry-content a:hover, #main .d-search .page-content a:hover { text-decoration: none; } #main .d-search .entry-content a:active, #main .d-search .page-content a:active { text-decoration: none; } #main .d-search .entry-content a:focus, #main .d-search .page-content a:focus { text-decoration: none; } #main .d-search .entry-content a:visited, #main .d-search .page-content a:visited { text-decoration: none; } /************************************************************************************ comments Disable *************************************************************************************/ #main #comments { display: none; } /************************************************************************************ Default Page *************************************************************************************/ .d-content-sidebar .d-content-sidebar-wrapper .d-content .page { border: 0; margin-bottom: 20px; overflow-x: auto; padding: 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page h1.entry-title, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page h1.page-title { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 50px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; } @media screen and (max-width: 991px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content .page h1.entry-title, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page h1.page-title { line-height: 40px; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content h1, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content h1 { font-family: "Oswald", sans-serif; font-size: 38px; line-height: 30px; font-weight: 400; color: #69b4c6; margin: 0 0 20px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content h2, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content h2 { margin: 0 0 20px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content h3, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content h3 { font-family: proxima-nova, sans-serif; font-size: 22px; line-height: 25px; font-weight: 700; color: #43484b; margin: 0 0 20px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content h4, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content h4 { font-family: proxima-nova, sans-serif; font-size: 18px; line-height: 21px; font-weight: 700; color: #43484b; margin: 0 0 20px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content p, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content ul, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content li, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content p, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content ul, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content li { font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; color: #656b6f; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content a, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 3.2px; color: #fff; margin: 20px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content a:hover, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content a:hover { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content a:active, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content a:active { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content a:focus, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content a:focus { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .entry-content a:visited, .d-content-sidebar .d-content-sidebar-wrapper .d-content .page .page-content a:visited { text-decoration: none; } .d-quote { background-image: url(/wp-content/themes/climatemayors/images/ico-quote.png); background-repeat: no-repeat; background-position: left top; padding: 20px 50px; } .d-quote > p { color: #5a9db3 !important; font-family: "Oswald", sans-serif !important; font-size: 28px !important; line-height: 44px !important; font-weight: 400 !important; text-transform: uppercase !important; } .d-form .gform_wrapper { margin: 0; } .d-form .gform_wrapper form { flex-wrap: wrap !important; } .d-form .gform_wrapper form .gform_heading { display: none; } .d-form .gform_wrapper form .gform_body ul li { padding: 0; display: flex; flex-wrap: wrap; margin-top: 30px; } .d-form .gform_wrapper form .gform_body ul li:first-child { margin-top: 0; } .d-form .gform_wrapper form .gform_body ul li label { color: #707579; font-family: proxima-nova, sans-serif; font-size: 22px; font-weight: 400; margin: 0 !important; display: flex; order: 1; width: 100%; } .d-form .gform_wrapper form .gform_body ul li > div { width: 100%; display: flex; order: 3; } .d-form .gform_wrapper form .gform_body ul li > div input, .d-form .gform_wrapper form .gform_body ul li > div textarea { width: 100%; background: #f6f6f6; border: 1px solid #d2d2d2; color: #aeaeae; padding: 12px 10px !important; } .d-form .gform_wrapper form .gform_body ul li .gfield_description { width: 100%; display: flex; order: 2; padding: 0; color: #aeaeae; font-family: proxima-nova, sans-serif; } .d-form .gform_wrapper form .gform_footer { margin: 0; display: flex; justify-content: flex-end; margin-top: 15px; } .d-form .gform_wrapper form .gform_footer input[type=submit] { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; border: 0; margin: 0; padding: 18.5px 38px; } .d-form .gform_wrapper form .gform_footer input[type=submit]:hover { text-decoration: none; background: #24a169; color: #fff; } .d-form .gform_wrapper form .gform_footer input[type=submit]:active { text-decoration: none; } .d-form .gform_wrapper form .gform_footer input[type=submit]:focus { text-decoration: none; } .d-form .gform_wrapper form .gform_footer input[type=submit]:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-form .gform_wrapper form .gform_footer input[type=submit] { font-size: 16px; line-height: 21px; text-align: center; } } /************************************************************************************ PDF Link *************************************************************************************/ .d-pdf { margin: 0 0 2rem 0; } .d-pdf a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; } .d-pdf a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-pdf a:active { text-decoration: none; } .d-pdf a:focus { text-decoration: none; } .d-pdf a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-pdf a { font-size: 16px; line-height: 21px; text-align: center; } } .d-pdf a:hover { text-decoration: none; background: #24a169; color: #fff; } /************************************************************************************ Intro About Page *************************************************************************************/ .d-intro-about { background-image: url(/wp-content/themes/climatemayors/images/bg-circle-blue.png); background-repeat: no-repeat; background-position: right top; } .d-intro-about .container-about { max-width: 1670px; display: flex; padding: 86px 0 0 0; } @media screen and (max-width: 991px) { .d-intro-about .container-about { padding: 0; max-width: 100%; } } @media screen and (max-width: 767px) { .d-intro-about .container-about { flex-wrap: wrap; } } @media screen and (max-width: 991px) { .d-intro-about .container-about .container-about-left { width: 40%; } .d-intro-about .container-about .container-about-left img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media screen and (max-width: 767px) { .d-intro-about .container-about .container-about-left { width: 100%; } } @media screen and (max-width: 991px) { .d-intro-about .container-about .container-about-right { width: 60%; } } @media screen and (max-width: 767px) { .d-intro-about .container-about .container-about-right { width: 100%; } } .d-intro-about .container-about .container-about-right h2 { margin: 0; padding: 0 80px 0 65px; color: #292e5c; font-family: "Oswald", sans-serif; font-size: 45px; line-height: 55px; font-weight: 400; } @media screen and (max-width: 991px) { .d-intro-about .container-about .container-about-right h2 { padding: 30px; font-size: 40px; line-height: 50px; } } @media screen and (max-width: 767px) { .d-intro-about .container-about .container-about-right h2 { font-size: 28px; line-height: 36px; padding: 30px 15px; } } .d-intro-about .container-about .container-about-right .d-description { background: #44a1b8; padding: 55px 65px; margin-top: 45px; } @media screen and (max-width: 991px) { .d-intro-about .container-about .container-about-right .d-description { padding: 30px; margin-top: 0; } } @media screen and (max-width: 767px) { .d-intro-about .container-about .container-about-right .d-description { padding: 30px 15px; } } .d-intro-about .container-about .container-about-right .d-description p { color: #fff; font-family: proxima-nova, sans-serif; font-size: 24px; line-height: 32px; font-weight: 400; } /************************************************************************************ Member and Featured City *************************************************************************************/ .d-member-featured { background-image: url(/wp-content/themes/climatemayors/images/bg-about-map.png); background-repeat: no-repeat; background-position: left top; background-color: #e6f0f4; padding: 170px 0 100px 0; margin-top: -125px; } @media screen and (max-width: 767px) { .d-member-featured { margin-top: 0; padding: 10px 0 50px 0; } } .d-member-featured .d-member-featured-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } @media screen and (max-width: 767px) { .d-member-featured .d-member-featured-wrapper { flex-wrap: wrap; } } .d-member-featured .d-member-featured-wrapper .d-member { max-width: 575px; } @media screen and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-member { max-width: 50%; padding-right: 30px; } } @media screen and (max-width: 767px) { .d-member-featured .d-member-featured-wrapper .d-member { max-width: 100%; padding: 30px 0; } } .d-member-featured .d-member-featured-wrapper .d-member span { margin: 0; color: #202654; font-family: "Oswald", sans-serif; font-size: 35px; line-height: 49px; font-weight: 400; } .d-member-featured .d-member-featured-wrapper .d-member p { margin: 0; color: #57bd81; font-family: "Oswald", sans-serif; font-size: 49px; line-height: 63px; font-weight: 400; text-transform: uppercase; } @media screen and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-member p { font-size: 39px; line-height: 53px; } } .d-member-featured .d-member-featured-wrapper .d-member p b, .d-member-featured .d-member-featured-wrapper .d-member p strong { font-size: 67px; line-height: 79px; font-weight: 500; } @media screen and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-member p b, .d-member-featured .d-member-featured-wrapper .d-member p strong { font-size: 57px; line-height: 69px; } } .d-member-featured .d-member-featured-wrapper .d-member a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; margin-top: 90px; } .d-member-featured .d-member-featured-wrapper .d-member a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-member-featured .d-member-featured-wrapper .d-member a:active { text-decoration: none; } .d-member-featured .d-member-featured-wrapper .d-member a:focus { text-decoration: none; } .d-member-featured .d-member-featured-wrapper .d-member a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-member-featured .d-member-featured-wrapper .d-member a { font-size: 16px; line-height: 21px; text-align: center; } } @media screen and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-member a { margin-top: 45px; padding: 28.5px 10px; } } @media screen and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-featured-block { width: 50%; margin: 0; margin-bottom: 0; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .d-member-featured .d-member-featured-wrapper .d-featured-block { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-featured-block .d-featured-block-top { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-member-featured .d-member-featured-wrapper .d-featured-block .d-featured-block-bottom { width: 100%; } } /************************************************************************************ Leadership *************************************************************************************/ .d-leadership { margin: 75px 0; } .d-leadership .d-leadership-wrapper > h2 { margin: 0 0 5px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } .d-leadership .d-leadership-wrapper > p { margin: 30px 0 5px 0; color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item { width: 100%; margin-top: 35px; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item img { margin-bottom: 13px; width: 100%; object-fit: cover; object-position: top; height: 320px; } @media screen and (max-width: 767px) { .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item img { /*min-height: auto;*/ } } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item a { width: 100%; color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: bold; text-decoration: none; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item p { width: 100%; margin: 0; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 3.2px; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item.city a, .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item.city h2 { color: #878787; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: bold; text-decoration: none; margin: 0; padding: 0; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item.city p { color: #44a1b8; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 500; letter-spacing: normal; text-transform: uppercase; } .d-leadership .d-leadership-wrapper .d-leadership-items .d-leadership-item.city p span { text-transform: capitalize; } @media screen and (min-width: 576px) { .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog { max-width: 1250px; } } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content { border-radius: 0; } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body { padding: 0; } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup { display: flex; flex-wrap: nowrap; } @media screen and (max-width: 991px) { .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup { flex-wrap: wrap; } } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-img { border-right: 10px solid #57bd81; } @media screen and (max-width: 991px) { .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-img { border-right: 0; border-bottom: 10px solid #57bd81; width: 100%; } } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-img img { object-fit: cover; height: 100%; width: fit-content; } @media screen and (max-width: 991px) { .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-img img { width: 100%; } } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt { padding: 25px 45px 45px 45px; } @media screen and (max-width: 767px) { .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt { padding: 25px; } } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt .close { color: #57bd81; } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt > span { width: 100%; margin: 0; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 3.2px; } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt h2 { color: #424242; font-family: "Oswald", sans-serif; font-size: 35px; line-height: 49px; font-weight: 400; padding: 0 0 15px 0; margin: 0; } .d-leadership .d-leadership-wrapper .d-leadership-items .modal .modal-dialog .modal-content .modal-body .d-people-popup .d-people-popup-txt p { color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } /************************************************************************************ Hero About *************************************************************************************/ @media screen and (max-width: 991px) { .page-template-template-about .d-hero-internal .hero-internal-wrapper .hero-title { text-align: center; } } /************************************************************************************ Events Page *************************************************************************************/ .d-events-featured { background-image: url(/wp-content/themes/climatemayors/images/bg-circle-blue.png); background-repeat: no-repeat; background-position: right top; } .d-events-featured .d-events-featured-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; } @media screen and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper { flex-wrap: wrap-reverse; } } .d-events-featured .d-events-featured-wrapper .d-events { max-width: calc(100% - 480px); width: 100%; padding: 75px 50px 75px 0; } @media screen and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-events { max-width: 100%; padding-right: 0; padding-top: 0; padding-bottom: 0; } } .d-events-featured .d-events-featured-wrapper .d-events h2 { margin: 0 0 5px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row { display: flex; flex-wrap: nowrap; border-bottom: 1px solid #d2d2d2; padding-bottom: 39px; margin-bottom: 13px; margin-top: 36px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item:last-child, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row:last-child { border-bottom: 0; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-left, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-left { width: 135px; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-left img, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-left img { width: 200px; height: 200px; object-fit: cover; margin-right: 55px; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-left img, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-left img { width: 100%; height: max-content; padding-right: 15px; margin-right: 0; } } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right { width: calc(100% - 135px); } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right a, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 30px; line-height: 30px; font-weight: bold; text-decoration: none; padding: 14px 0 2px 0; float: left; width: 100%; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right a, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right a { font-size: 25px; line-height: 25px; padding-top: 0; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right span, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right span { width: 100%; float: left; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; letter-spacing: 3.2px; text-transform: uppercase; padding-bottom: 5px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right p, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-event-item-right p, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-event-item-right p { font-size: 18px; } } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-left, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-left { width: auto; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-left img, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-left img { width: 200px; height: 200px; object-fit: cover; margin-right: 55px; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-left img, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-left img { width: 100%; height: max-content; padding-right: 15px; margin-right: 0; } } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right { width: 100%; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right a, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 30px; line-height: 30px; font-weight: bold; text-decoration: none; padding: 14px 0 2px 0; float: left; width: 100%; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right a, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right a { font-size: 25px; line-height: 25px; padding-top: 0; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right span, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right span { width: 100%; float: left; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; letter-spacing: 3.2px; text-transform: uppercase; padding-bottom: 5px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right p, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-event-item .d-postfeed-short-row-right p, .d-events-featured .d-events-featured-wrapper .d-events .d-events-list-items .d-postfeed-short-row .d-postfeed-short-row-right p { font-size: 18px; } } .d-events-featured .d-events-featured-wrapper .d-events .d-pager { text-align: center; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; margin-bottom: 84px; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-pager { margin-bottom: 20px; } } .d-events-featured .d-events-featured-wrapper .d-events .d-pager .current { color: #57bd81; } .d-events-featured .d-events-featured-wrapper .d-events .d-pager a { color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items { display: flex; flex-wrap: wrap; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item { margin-top: 36px; margin-bottom: 20px; max-width: 50%; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item:nth-child(2n+1) { padding-right: 20px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item:nth-child(2n) { padding-left: 20px; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item { max-width: 100%; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item:nth-child(2n+1) { padding-right: 0; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item:nth-child(2n) { padding-left: 0; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item img { width: 100%; height: 200px; object-fit: cover; } @media screen and (max-width: 767px) { .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item img { height: auto; } } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item a { color: #57bd81; font-family: proxima-nova, sans-serif; font-size: 30px; line-height: 30px; font-weight: bold; text-decoration: none; padding: 14px 0 2px 0; float: left; width: 100%; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item span { width: 100%; float: left; color: #ababab; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; letter-spacing: 3.2px; text-transform: uppercase; padding-bottom: 5px; } .d-events-featured .d-events-featured-wrapper .d-events .d-events-column-items .d-event-item p { color: #747474; font-family: proxima-nova, sans-serif; font-size: 23px; font-weight: 400; } .d-events-featured .d-events-featured-wrapper .d-featured-block { margin-top: -200px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block { border-bottom: 8px solid #57bd81; background: #fff; } } @media screen and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block { margin-top: -50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block .d-featured-block-top { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block .d-featured-block-top .d-featured-title { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block .d-featured-block-top .d-featured-img { border-bottom: 0; } .d-events-featured .d-events-featured-wrapper .d-featured-block .d-featured-block-top .d-featured-img img { height: 100%; min-height: 370px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-events-featured .d-events-featured-wrapper .d-featured-block .d-featured-block-bottom { width: 100%; } } /************************************************************************************ Events Node Page *************************************************************************************/ #tribe-events-pg-template { max-width: 100%; } @media screen and (max-width: 767px) { #tribe-events-pg-template { padding: 0; } } /************************************************************************************ Compendium Page *************************************************************************************/ .d-download-section { background-color: #242a5f; background-image: url(/wp-content/themes/climatemayors/images/bg-blue.png); background-repeat: no-repeat; background-position: left top; padding: 70px 0; } @media screen and (max-width: 991px) { .d-download-section { background-position: center center; background-size: cover; padding: 35px 0; } } .d-download-section .d-download-section-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; position: relative; } @media screen and (max-width: 991px) { .d-download-section .d-download-section-wrapper { flex-wrap: wrap; } } .d-download-section .d-download-section-wrapper a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; font-family: proxima-nova, sans-serif; font-weight: 900; letter-spacing: 3.2px; font-size: 18px; text-transform: uppercase; z-index: 1; } .d-download-section .d-download-section-wrapper a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-download-section .d-download-section-wrapper a:active { text-decoration: none; } .d-download-section .d-download-section-wrapper a:focus { text-decoration: none; } .d-download-section .d-download-section-wrapper a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-download-section .d-download-section-wrapper a { font-size: 16px; line-height: 21px; text-align: center; } } @media screen and (max-width: 991px) { .d-download-section .d-download-section-wrapper a { margin: 20px auto 0; } } @media screen and (max-width: 767px) { .d-download-section .d-download-section-wrapper a { position: relative; bottom: 0; z-index: 99; width: 100%; padding: 28.5px 30px; } } .d-download-section .d-download-section-wrapper .d-download-section-map { position: absolute; right: 0; } @media screen and (max-width: 991px) { .d-download-section .d-download-section-wrapper .d-download-section-map { left: 0; display: flex; justify-content: center; } .d-download-section .d-download-section-wrapper .d-download-section-map img { max-height: 400px; } } @media screen and (max-width: 767px) { .d-download-section .d-download-section-wrapper .d-download-section-map img { max-height: 250px; } } /************************************************************************************ Compendium *************************************************************************************/ .d-compendium { background-image: url(/wp-content/themes/climatemayors/images/bg-circle-blue.png); background-repeat: no-repeat; background-position: right top; padding: 75px 0 0 0; } .d-compendium .d-compendium-wrapper h2 { margin: 0 0 5px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; } .d-compendium .d-compendium-wrapper > p { margin: 0; color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; max-width: 60%; } @media screen and (max-width: 991px) { .d-compendium .d-compendium-wrapper > p { max-width: 100%; } } .d-compendium-items .d-compendium-item { width: 100%; margin-top: 35px; display: flex; align-items: center; } .d-compendium-items .d-compendium-item .d-compendium-item-map { max-width: 115px; margin-right: 20px; width: 100%; text-align: center; } @media screen and (max-width: 767px) { .d-compendium-items .d-compendium-item .d-compendium-item-map { max-width: 130px; margin-right: 15px; } } .d-compendium-items .d-compendium-item .d-compendium-item-map .sf-map::before { color: #abcedb; font-size: 90px; } .d-compendium-items .d-compendium-item .d-compendium-item-txt a, .d-compendium-items .d-compendium-item .d-compendium-item-txt span { color: #878787; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: bold; text-decoration: none; } .d-compendium-items .d-compendium-item .d-compendium-item-txt a b, .d-compendium-items .d-compendium-item .d-compendium-item-txt span b { text-transform: uppercase; } .d-compendium-items .d-compendium-item .d-compendium-item-txt > p { color: #44a1b8 !important; font-family: proxima-nova, sans-serif !important; font-size: 23px !important; line-height: 30px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; margin: 0 !important; font-style: italic; } span.stateface { font-family: 'StateFaceRegular'; } /************************************************************************************ Past Compendium *************************************************************************************/ .d-past-compendium-block { background: #fff; padding: 30px; box-shadow: 0px 2px 5px rgba(68, 161, 184, 0.29); width: 480px; z-index: 1; height: fit-content; } @media screen and (max-width: 991px) { .d-past-compendium-block { width: 100%; margin: 0; margin-bottom: 40px; } } .d-past-compendium-block h2 { margin: 0 0 10px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; } .d-past-compendium-block > p { margin: 0; color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } .d-past-compendium-block .d-files { margin-top: 30px; } .d-past-compendium-block .d-files .d-file { padding: 0 20px 15px 20px; margin-bottom: 20px; border-bottom: 1px solid #e7f3f6; color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } .d-past-compendium-block .d-files .d-file:last-child { margin-bottom: 0; border-bottom: 0; padding: 0 20px; } .d-past-compendium-block .d-files .d-file a { color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; width: 100%; display: flex; background-image: url(/wp-content/themes/climatemayors/images/ico-download.png); background-repeat: no-repeat; background-position: right center; text-decoration: none; } .d-past-compendium-block .d-files .d-file a:hover { color: #57bd81; } /************************************************************************************ Compendium *************************************************************************************/ @media screen and (max-width: 991px) { .page-template-template-compendium .d-content-sidebar .d-content-sidebar-wrapper { flex-wrap: wrap; } } @media screen and (max-width: 991px) { .page-template-template-compendium .d-content-sidebar .d-content-sidebar-wrapper .d-sidebar { margin-top: 50px; } } /************************************************************************************ Member cities // City Detail Page *************************************************************************************/ .d-content-sidebar { background-image: url(/wp-content/themes/climatemayors/images/bg-circle-blue.png); background-repeat: no-repeat; background-position: right top; padding: 50px 0; } .d-content-sidebar .d-content-sidebar-wrapper { display: flex; } @media screen and (max-width: 991px) { .d-content-sidebar .d-content-sidebar-wrapper { flex-wrap: wrap-reverse; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content { max-width: calc(100% - 480px); width: 100%; padding-right: 90px; } @media screen and (max-width: 991px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content { max-width: 100%; padding-right: 0; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content > h2 { margin: 0 0 5px 0; color: #4e4e4e; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3.2px; border-bottom: 3px solid #44a1b8; padding: 0 0 15px 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p { margin: 30px 0 40px 0; color: #72767b; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p:first-child { margin-top: 0; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p a:hover { text-decoration: none; background: #24a169; color: #fff; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p a:active { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p a:focus { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content p a:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content p a { font-size: 16px; line-height: 21px; text-align: center; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet { margin-bottom: 60px; display: flex; width: 100%; flex-wrap: nowrap; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap { width: 100%; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon { position: relative; float: right; opacity: 1; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before { display: inline-block; content: 'SUBMIT'; width: 180px; height: 55px; background: #ccc; max-height: 53px; border: 0; padding: 18.5px 38px; color: #fff; font-style: normal; background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before:hover { text-decoration: none; background: #24a169; color: #fff; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before:active { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before:focus { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before { font-size: 16px; line-height: 21px; text-align: center; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-icon:before:hover { text-decoration: none; background: #24a169; color: #fff; } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-search { border: 1px solid #dcdcdc; background: #f6f6f6; width: calc(100% - 180px); color: #aeaeae; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; padding: 13px 15px; float: left; min-width: auto; } @media screen and (max-width: 767px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-search { font-size: 15px; } } .d-content-sidebar .d-content-sidebar-wrapper .d-content .facetwp-facet .facetwp-input-wrap .facetwp-search:focus { border: 1px solid #dcdcdc; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form { margin-bottom: 60px; display: flex; width: 100%; flex-wrap: nowrap; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .input-search { border: 1px solid #dcdcdc; background: #f6f6f6; width: calc(100% - 180px); color: #aeaeae; font-family: proxima-nova, sans-serif; font-size: 23px; line-height: 30px; font-weight: 400; padding: 0 15px; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .input-search:focus { border: 1px solid #dcdcdc; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 180px; border: 0; padding: 18.5px 38px; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit:hover { text-decoration: none; background: #24a169; color: #fff; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit:active { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit:focus { text-decoration: none; } .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit:visited { text-decoration: none; } @media screen and (max-width: 767px) { .d-content-sidebar .d-content-sidebar-wrapper .d-content form .btn-submit { font-size: 16px; line-height: 21px; text-align: center; } } .d-content-sidebar .d-content-sidebar-wrapper .d-sidebar { width: 480px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .d-content-sidebar .d-content-sidebar-wrapper .d-sidebar { display: flex; } } @media screen and (max-width: 991px) { .d-content-sidebar .d-content-sidebar-wrapper .d-sidebar { width: 100%; margin-bottom: 40px; } } /************************************************************************************ EV Purchasing Collaborative *************************************************************************************/ .page-template-template-ev_purchasing_collaborative .d-content-sidebar { min-height: 950px; } @media screen and (max-width: 767px) { .page-template-template-ev_purchasing_collaborative .d-content-sidebar { min-height: inherit; } } /************************************************************************************ Map *************************************************************************************/ .d-map-membercities { background: #44a1b8; } /************************************************************************************ Content *************************************************************************************/ .page-template-template-membercities .d-content-sidebar .d-content, .page-template-template-ev_purchasing_collaborative .d-content-sidebar .d-content { max-width: 100%; width: 100%; padding-right: 0; } .facetwp-icon.f-loading:before { animation: none !important; } /************************************************************************************ carousel-3-items *************************************************************************************/ #slick, #slick-popup { margin-bottom: 70px; } #slick .slick-list, #slick-popup .slick-list { margin-left: -15px; margin-right: -15px; } #slick .slick-slide, #slick-popup .slick-slide { padding-right: 15px; padding-left: 15px; } #slick .slick-slide:focus, #slick-popup .slick-slide:focus { outline: none; } #slick .slick-prev, #slick-popup .slick-prev { position: absolute; left: -15px; z-index: 1; top: 40%; width: 35px; height: 35px; background: #fff; border: 0; border-radius: 100px; color: transparent; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.29); text-indent: -9999px; background-image: url(/wp-content/themes/climatemayors/images/prev.png); background-repeat: no-repeat; background-position: center center; } #slick .slick-prev:focus, #slick-popup .slick-prev:focus { outline: 0; } #slick .slick-next, #slick-popup .slick-next { position: absolute; right: -15px; top: 40%; width: 35px; height: 35px; background: #fff; border: 0; border-radius: 100px; color: transparent; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.29); text-indent: -9999px; background-image: url(/wp-content/themes/climatemayors/images/next.png); background-repeat: no-repeat; background-position: center center; } #slick .slick-next:focus, #slick-popup .slick-next:focus { outline: 0; } #breakpoint-helper:after { color: #fff; text-transform: uppercase; content: 'XS'; } @media (min-width: 576px) { #breakpoint-helper:after { content: "sm"; } } @media (min-width: 768px) { #breakpoint-helper:after { content: "md"; } } @media (min-width: 992px) { #breakpoint-helper:after { content: "lg"; } } @media (min-width: 1200px) { #breakpoint-helper:after { content: "xl"; } } img.card-img-top { height: 178px; object-fit: cover; } @media screen and (max-width: 767px) { img.card-img-top { height: 100%; } } img.card-img-popup { height: 240px; object-fit: cover; } @media screen and (max-width: 767px) { img.card-img-popup { height: 100%; } } #slick-popup { margin-bottom: 0; } /************************************************************************************ Map Popup *************************************************************************************/ #climatemayor-map-city-popup .modal-dialog { width: 100%; max-width: 825px; } #climatemayor-map-city-popup .modal-dialog .modal-content { border: 0; border-radius: 0; padding: 40px 40px 48px 40px; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-header { padding: 0; border: 0; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-header .modal-title h1 { color: #a2a2a2; font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; margin: 0; text-transform: uppercase; letter-spacing: 3.2px; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-header .modal-title p { color: #57bd81; font-family: "Oswald", sans-serif; font-size: 16px; line-height: 22px; font-weight: normal; margin: 0; text-transform: uppercase; letter-spacing: 3.2px; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-header .close { color: #57bd81; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } @media screen and (max-width: 767px) { #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt { flex-wrap: wrap; } } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt h2 { color: #424242; font-family: "Oswald", sans-serif; font-size: 35px; line-height: 49px; font-weight: normal; margin: 0; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a { background: #57bd81; padding: 28.5px 38px; color: #fff; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 21px; line-height: 21px; font-weight: 500; display: flex; align-items: center; justify-content: center; padding: 17.5px 38px; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a:hover { text-decoration: none; background: #24a169; color: #fff; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a:active { text-decoration: none; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a:focus { text-decoration: none; } #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a:visited { text-decoration: none; } @media screen and (max-width: 767px) { #climatemayor-map-city-popup .modal-dialog .modal-content .modal-txt a { font-size: 16px; line-height: 21px; text-align: center; } }