/* Theme Name: Green Up Website Template V2 Version: 1.0 Description: A theme for Green Up Author: We Design Group Author URI: http://www.wedesigngroup.ca */ /* TAG STYLES ---------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { min-height: 100%; position: relative; height: 100%; } body { position: relative; font-size: 18px; color: #616868; font-family: 'Lato', sans-serif; line-height: 150%; } iframe { max-width: 100%; } h1, h2, h3, h4, h5, h6 { padding-bottom: 20px; line-height: 170%; font-weight: bold; } h1 { font-size: 2.8em; } h2 { font-size: 2.1em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } p { padding-bottom: 20px; } ul, ol { margin: 0 0 20px 30px; } ul li, ol li { line-height: 150%; padding-bottom: 5px; } img { border: none; } a { color: #8ec641; text-decoration: underline; border: none; } a:hover { text-decoration: none; } hr { margin: 20px 0 20px; clear: both; } i span { display: none; } /* COMMON STYLES ---------------------------------------------------------------------------*/ .clear { clear: both; } .right { float: right; } .left { float: left; } .clear { clear: both; } .clearRight { clear: right; } .clearLeft { clear: left; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .wedesign { text-decoration: none; color: #fa7f00; } .wedesign span { color: #000000; } .ubtn-ctn-center { margin-bottom: 0; } .whitetext .wpb_wrapper { color: #ffffff; } .largetext .wpb_wrapper { font-size: 1.3em; } .column2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .column3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .noPaddingTop .vc_column-inner { padding-top: 0 !important; } .noPaddingBottom .wpb_content_element { padding-bottom: 0; margin-bottom: 0; } .backbutton { font-style: italic; font-size: 0.8em; padding: 10px 0 20px; } /* HEADER STYLES ---------------------------------------------------------------------------*/ #headerWrapper { max-width: 100%; background: #eef1e9 url('images/coloured_bar.png') 50% 0 repeat-x; } #headerContentWrapper { max-width: 98%; width: 1200px; margin: 0 auto; padding: 20px 0 10px; position: relative; } #headerLeft { float: left; position: relative; z-index: 2; } #headerRight { float: right; height: 87px; display: table; position: relative; margin-right: 100px; z-index: 2; z-index: 101; } #headerRight .widget { padding-left: 10px; vertical-align: middle; display: table-cell; } #logo { width: 170px; max-width: 100%; height: auto; } #logo img { max-width: 100%; height: auto; } #fontResizerWrapper { display: inline-block; } #fontResizer { list-style: none; margin: 0; padding: 0; } #fontResizer li { display: inline; padding: 0 2px; } #fontResizer a { text-decoration: none; color: #726557; font-weight: bold; } #fontResizer a:hover { /*text-decoration: underline;*/ color: #000000; } #decreaseFont { font-size: 0.9em; } #initalFontSize { font-size: 1.3em; } #increaseFont { font-size: 1.5em; } #searchWrapper { display: inline-block; font-size: 0.8em; border-radius: 7px; padding: 2px 3px; background-color: #f8f9f5; border-style: solid; border-color: #949597; border-width: 1px; } #searchWrapper label { display: none; } #headerSearchForm input[type="text"] { display: inline-block; border: none; text-align: left; padding-right: 5px; width: 210px; background-color: #f8f9f5; } #searchIcon { vertical-align: middle; display: inline-block;} #mainNavigationWrapper { clear: both; position:absolute; z-index: 100; top: 40px; width: 100%; } #mainNavigationWrapper nav { border: none; background: transparent; } .ubermenu-skin-white { font-size: 1em;} .mm_open > .ubermenu-target { padding: 0 0 0 10px !important; font-size: 30px;} .mm_contact > .ubermenu-target { padding: 0 10px 0 0 !important; font-size: 30px; border-right: 1px solid #555555; } .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega { top: 75px; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { display: none; } .ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: transparent; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target { padding: 0; } #mainNavigationWrapper .strong { font-weight: bold; color: #8cc63e !important; } .ubermenu-item-level-4 > a { font-weight: bold; color: #60a00a !important; } .ubermenu-item-level-4 > a:hover { color: #4b7d06 !important; } .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto, .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 { width: auto !important; min-width: auto !important; } .menuLeftBlock { max-width: 140px !important; margin-right: 15px !important; } .menuLeftBlock li { width: 100% !important; } .menuLeftBlock li ul { margin-left: 0px !important; } .menuLeftItem { background: transparent url('images/coloured_bar.png') 50% bottom repeat-x !important; background-size: 100px 3px !important; padding: 5px 10px; !important; width: 100px !important; } .mm-division-logos { margin-bottom: 0; } .mm-division-logos ul { margin-bottom: 0; } .mm-programdepartments ul li { /*font-size: 0.7em;*/ font-weight: normal; margin-bottom: 5px !important; } .mm-programdepartments ul li:first-child { margin-top: 0 !important; } .mm-programdepartments a { padding-top: 4px !important; color: #60a00a !important; padding-bottom: 4px !important; padding-left: 45px !important; background-position: 5px 0 !important; background-repeat: no-repeat !important; background-size: contain !important; } .mm-programdepartments a:hover { color: #4b7d06 !important; } /* sections */ .mm-pd-greenup a { background-image: url('images/up_icon_small.png') !important; } .mm-pd-food a { background-image: url('images/apple_icon_small.png') !important; } .mm-pd-business a { background-image: url('images/business_icon_small.png') !important; } .mm-pd-energy a { background-image: url('images/energy_icon_small.png') !important; } .mm-pd-waste a { background-image: url('images/waste_icon_small.png') !important; } .mm-pd-school a { background-image: url('images/earth_icon_small.png') !important; } .mm-pd-trans a { background-image: url('images/bike_icon_small.png') !important; } .mm-pd-nature a { background-image: url('images/leaf_icon_small.png') !important; } .mm-pd-water a { background-image: url('images/water_icon_small.png') !important; } /* menu override */ a.ubermenu-target-with-image { display: flex !important; align-items: center; justify-content: flex-start; padding: 5px !important; } a.ubermenu-target-with-image img { float: none; margin-right: 10px !important; } a.ubermenu-target-with-image span { float: none; padding: 0 !important; margin: 0; } .ubermenu .ubermenu-submenu .ubermenu-column-auto { min-width: 230px; } #sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:200px;overflow-x:none;overflow-y:auto;font-family: 'Ubuntu', serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)} .mobilenav_menu { font-family: Arial, Helvetica, sans-serif; float: right; display: none; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #8ec641; color: #333333; margin-right: 2.5%; font-weight: bold; margin: 3px 10px 3px 10px; border: 2px solid #333333; } .mobilenav_menutxt { display: block; height: 20px; width: 20px; } .mobilenav_menu a { text-decoration:none; color: #ffffff; display: block; text-align: center; padding: 7px 10px; } .mobilenav_menu a:hover { text-decoration:none; } .sidr ul li { padding-bottom: 0; } /* CONTENT STYLES ---------------------------------------------------------------------------*/ #contentWrapper { width: 100%; } #featureImageWrapper { width: 100%; } #breadCrumbWrapper { } #beforeContentWrapper { width: 100%; } #content { width: 975px; max-width: 98%; margin: 0px auto 0px; word-wrap: break-word; } #afterContentWrapper { width: 100%; } .heroImage { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); margin-bottom: 20px; } .heroImage img { width: 100%; height: auto; display: block; padding: 0; margin: 0; } .greyBlockWrapper { clear: both; padding: 30px 0; background-color: #efefef; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } /* event */ #tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 { font-size: 2.8em; line-height: 1.7em; } .single-tribe_events .tribe-events-event-image { text-align: center !important; } /* sub menu */ #pageMenuWrapper { background-color: #6eb43f; margin: 0; } #pageMenuWrapper ul { list-style: none; margin: 0; padding: 0; } #pageMenuWrapper ul li { display: inline-block; padding: 0; margin: 0; } #pageMenuWrapper ul li a { display: block; color: #ffffff; text-decoration: none; padding: 5px 10px; margin: 0; } #pageMenuWrapper ul li.current-page-ancestor a, #pageMenuWrapper ul li.current-menu-item a, #pageMenuWrapper ul li a:hover { /*color: #000000;*/ background-color: #275B01; } /* Blog*/ .blog h2 { font-size: 1.5em } .blog .post { margin: 25px 0 40px; padding: 0 0 40px; border-bottom: 1px solid #8ec641; } .navigation { margin-bottom: 30px; } .info { padding: 20px; font-style: italic; font-size: 0.8em; } .descr { font-style: italic; padding-bottom: 20px; } .postImage { float: left; width: 35%; border: 2px solid #ffffff; margin-bottom: 10px; text-align: center; } .postImage a { width: 100%; display: block; } .postImage img { width: 100%; display: block; } .postInfo { float: right; width: 57%; } /* Plants */ .plantFeatureImage, .plantCategoryImage { float: right; margin: 10px 0 20px 20px; max-width: 250px; } .plantFeatureImage img, .plantCategoryImage img { max-width: 100%; height: auto; } .itemLoop { padding: 20px 0 0 0; } .singleItem { width: 180px; text-align: center; display:inline-block; margin-right: 12px; margin-bottom: 15px; vertical-align: top; } .singleItemImage { width: 180px; height: 250px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .singleItemImage a { display: block; width: 180px; height: 250px; } .singleItemImage img { width: 100%; height: 100%; } .itemCategoriesLoop { padding: 20px 0 0 0; } .itemCategoriesLoop .singleItem { width: 276px; text-align: center; float: left; margin-right: 12px; margin-bottom: 15px;background-position: 50% 50%; background-repeat: no-repeat; } .itemCategoriesLoop .singleItemImage { width: 276px; height: 123px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .itemCategoriesLoop .singleItemImage a { display: block; width: 276px; height: 123px; } .itemCategoriesLoop .singleItemImage img { width: 100%; height: 100%; } .plantCommonName { font-weight: normal; font-style: italic; } h1 .plantCommonName { font-size: 0.7em; } .plantAttributesWrapper { padding-bottom: 20px; } .plantAttribute {} .plantAttributeTitle { font-weight: bold; padding-bottom: 5px; } .plantProductsWrapper { /*text-align: right;*/ } /* Programs */ #partnerBlock { clear: both; padding: 30px 0; background-color: #efefef; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } #partnerBlockPlain { clear: both; padding: 30px 0; } #partnerBlockContent { width: 975px; max-width: 100%; position: relative; margin: 0 auto; } #postsBlock { clear: both; padding: 30px 0; background-color: #a4da7c; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } #postsBlockContent { width: 975px; max-width: 100%; position: relative; margin: 0 auto; color: #ffffff; } #programBlock { clear: both; padding: 30px 0; background-color: #43afca; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } #programBlockContent { width: 975px; max-width: 100%; position: relative; margin: 0 auto; color: #ffffff; } #eventsBlock { clear: both; padding: 30px 0; background-color: #8dc63f; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } #eventsBlockContent { width: 975px; max-width: 100%; position: relative; margin: 0 auto; color: #ffffff; } .associateBlockContentWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; } .associateSingleListingWrapper { width: 100%; background-image: url('images/adaptive_blockquote.png'); background-position: 39% 2px; background-repeat: no-repeat; } .associateSingleListingWrapper .associateImage { float: left; width: 35%; border: 2px solid #ffffff; margin-bottom: 10px; text-align: center; } .associateSingleListingWrapper .associateImage img { max-width: 100%; width: 100%; display: block; } .associateSingleListingWrapper .associateInfo { float: right; width: 57%; font-size: 0.7em; } .associateListingWrapper { display: inline-block; width: 31%; min-width: 280px; margin: 1% 1%; vertical-align:top; } .associateListingWrapper .associateImage { border: 2px solid #ffffff; margin-bottom: 10px; text-align: center; width: 100%; } .associateListingWrapper .associateImage a { width: 100%; display: block; } .associateListingWrapper .associateImage img { width: 100%; display: block; } .associateListingWrapper .associateInfo { text-align: center; font-size: 0.7em; } .programCategoryBlock:nth-child(even) { clear: both; padding: 30px 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } .programCategoryBlock:nth-child(odd) { clear: both; padding: 30px 0; background-color: #efefef; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } .programCategoryBlockContent { width: 975px; max-width: 100%; position: relative; margin: 0 auto; } .programContentBlock { width: 975px; max-width: 98%; position: relative; margin: 0 auto; } .product { padding-top: 40px; } /* neighbourhood Map */ #map { width: 100%; height: 600px; margin-bottom: 20px; } #mapLegend { font-family: Arial, sans-serif; background: #fff; padding: 5px; margin: 10px; border: 2px solid #000; } #mapLegend h3 { margin-top: 0; } #mapLegend img { vertical-align: middle; height: 20px; } /* ECOMM STYLES ---------------------------------------------------------------------------*/ .woocommerce { /*padding-top: 30px;*/ } .woocommerce ul.products li.product-category, .woocommerce-page ul.products li.product-category { display: block; float: none; margin: 0 0 20px; border-top: 1px solid #6eb43f; background: #efefef; color: #000000; padding: 3px 2%; width: 95%; } .woocommerce-result-count { display: none; } .woocommerce-ordering { display: none; } .categoryName { float: left; padding: 3px 0;} .categoryButton { float: right; color: #ffffff; background-color: #6eb43f; padding: 3px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .categoryButton:hover { background-color: #609E36; } .productList .product-item { float: left; width: 47%; display: inline-block; margin-bottom: 15px; } .productList .product-item:nth-child(2n) { float: right; margin-right: 6px; } .productList .product-item a { text-decoration: none; } .productList .product-item h3 { padding: 5px 0 2px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: block; float: none; margin: 0 0 20px; border-width: 1px 0; border-style: solid; border-color: #6eb43f; background: #efefef; color: #000000; padding: 5px 2% 13px; width: 95%; } .productImage { float: left; width: 24%; padding-top: 12px; } .productInfo { float: right; width: 74%; } .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button { border: 1px solid #c8bfc6; text-shadow: 0 1px 0 rgba(255,255,255,.8); color: #5e5e5e; background: -webkit-linear-gradient(#f7f6f7,#e0dadf); } .woocommerce #content div.product form.cart .button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover, .woocommerce-page div.product form.cart .button:hover { background: -webkit-linear-gradient(#f7f6f7,#d4cdd2); } .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt { border: 1px solid #c8bfc6 !important; text-shadow: 0 1px 0 rgba(255,255,255,.8) !important; color: #5e5e5e !important; background: #e0dadf !important; background: -webkit-linear-gradient(#f7f6f7,#e0dadf) !important; background: -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important; } .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background: #d4cdd2 !important; background: -webkit-linear-gradient(#f7f6f7,#d4cdd2) !important; background: -moz-linear-gradient(center top , #f7f6f7 0px, #d4cdd2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important; color: #5e5e5e !important; text-shadow: none !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { border: 1px solid #dddddd; padding: 8px 10px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; float: none; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { padding: 20px 0; } .shop_table { font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; } .donationIframe { width: 100%; max-width: 100%; height: 1380px; } #markerControlsWrapper { margin-bottom: 20px; } #addMarkerButton { color: #ffffff; border: none; border-radius: 5px; padding: 5px 15px; text-align: center; font-weight: bold; float: right; background-color: #a4da7c; } #addMarkerButton { background-color: #6fa448; } #addMarkerWrapper { padding: 20px; margin-bottom: 20px; background-color: #ededed; display: none; } /* FOOTER STYLES ---------------------------------------------------------------------------*/ #footerWrapper { width: 100%; padding: 35px 0; background: url('images/coloured_bar.png') 50% top repeat-x, url('images/footer_bg.jpg') 50% top repeat-x; background-size: auto, cover;} #footerContentWrapper { width: 975px; max-width: 98%; margin: 0 auto; } #footerContentWrapper .widget { margin-bottom: 20px; } #footerTopContent { } #footerColumns { clear: both; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; width: 100%; } .footerColumn { display: inline-block; text-align: left; vertical-align: top; width: 15%; margin: 0 2%; min-width: 145px; } #footerBottomContent { margin: 30px 0 0; } .footerList ul { list-style: none; margin: 0; padding: 0; } .footerList li { padding-bottom: 0; } .footerList a { text-decoration: none; color: #616868; font-size: 0.8em; } .footerList a:hover { text-decoration: underline; } .footerList a strong { font-weight: bold; color: #60a00a !important; font-size: 1.2em; } .footerList a:hover strong { color: #4b7d06 !important; } .socialMediaMenuWrapper ul { list-style: none; margin: 0; padding: 0; text-align: center; } .socialMediaMenuWrapper li { display: inline-block; margin: 0 5px 5px; } .socialMediaMenuWrapper a { color: #ffffff; font-size: 27px; background-color: #8e5384; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; } .socialMediaMenuWrapper a:hover { /*background-color: #e6dfec; color: #8e5384;*/ } .socialMediaMenuWrapper li.facebook a { background-color: #24599d; } .socialMediaMenuWrapper li.twitter a { background-color: #00ace4; } .socialMediaMenuWrapper li.youtube a { background-color: #fe3030; } .socialMediaMenuWrapper li.instagram a { background-color: #9c27b0; } .socialfacebook, .socialtwitter, .socialyoutube, .socialinstagram { min-width: auto !important; margin-left: 10px !important; } .socialfacebook a { background-color: #24599d !important; padding: 0 !important; color: #ffffff !important; font-size: 27px !important; display: inline-block !important; width: 45px !important; height: 45px !important; line-height: 38px !important; text-align: center !important; -webkit-border-radius: 45px !important; -moz-border-radius: 45px !important; border-radius: 45px !important; } .socialtwitter a { background-color: #00ace4 !important; padding: 0 !important; color: #ffffff !important; font-size: 27px !important; display: inline-block !important; width: 45px !important; height: 45px !important; line-height: 38px !important; text-align: center !important; -webkit-border-radius: 45px !important; -moz-border-radius: 45px !important; border-radius: 45px !important; } .socialyoutube a { background-color: #fe3030 !important; padding: 0 !important; color: #ffffff !important; font-size: 27px !important; display: inline-block !important; width: 45px !important; height: 45px !important; line-height: 38px !important; text-align: center !important; -webkit-border-radius: 45px !important; -moz-border-radius: 45px !important; border-radius: 45px !important; } .socialinstagram a { background-color: #9c27b0 !important; padding: 0 !important; color: #ffffff !important; font-size: 27px !important; display: inline-block !important; width: 45px !important; height: 45px !important; line-height: 38px !important; text-align: center !important; -webkit-border-radius: 45px !important; -moz-border-radius: 45px !important; border-radius: 45px !important; } #backToTop { display: none; z-index: 1000; position: fixed; bottom: 30px; right: 30px; height: 50px; width: 50px; border-radius: 5px; background-color: rgb(140, 198, 63,0.5); color: #ffffff; text-decoration: none; line-height: 50px; font-size: 20px; text-align: center;} #backToTop:hover { cursor: pointer; background-color: rgb(140, 198, 63,1);} /* CLEAR STYLES ---------------------------------------------------------------------------*/ .clearfix:after, #headerWrapper:after, #headerContentWrapper:after, #headerLeft:after, #headerRight:after, #searchWrapper:after, .menuLeftItem:after, #contentWrapper:after, #beforeContentWrapper:after, #content:after, #afterContentWrapper:after, .partnerSingleListingWrapper:after, #partnerBlock:after, #postBlock:after, .entry:after, .post:after, #markerControlsWrapper:after, #footerWrapper:after, #footerContentWrapper:after, #footerTopContent:after, #footerColumns:after, #footerBottomContent:after { content: ""; display: table; clear: both; } /* RESPONSIVE STYLES ---------------------------------------------------------------------------*/ @media screen and (max-width: 950px) { #footerColumns { justify-content: flex-start; } } @media screen and (max-width: 780px) { #mainNavigationWrapper { z-index: 102; } #headerRight { margin-right: 0; float: none; margin: 0 auto; clear: both; } } @media screen and (max-width: 700px) { #headerLeft { /*clear: both; float: none; width: 98%; margin: 0 auto;*/ padding-bottom: 15px; text-align: center; } #logo { margin: 0 auto; } #headerRight { clear: both; } .column2, .column3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } @media screen and (max-width: 550px) { #searchWrapper { width: 80%; } #headerSearchForm input[type="text"] { width: calc(100% - 35px); } #headerRight { float: none; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; } #headerRight .widget { display: inline-block; align-self: flex-start; padding-bottom: 10px; } #headerContentWrapper { padding-bottom: 0; } } @media screen and (max-width: 430px) { #headerRight .widget { padding-left: 0; } } @media screen and (max-width: 345px) { #headerRight { justify-content: space-around; } } @media screen and (max-width: 310px) { #searchWrapper { width: 100%; } #headerRight .widget { margin: 0 auto; } }