/* Theme Name: Du Media Design Development Theme Theme URI: Description: Voodoo Themes child theme Author: Voodoo Themes Author URI: http://www.voodoothemes.com Template: voodoo Version: 1.0.1 */ @import url("../voodoo/style.css"); /* Page General */ #blue_text, #voodoo_content a, #voodoo_content a:visited, #voodoo_content a:link{color:#012070;} .align_right{float:right;} #voodoo_body{padding-top:335px;} #voodoo_title_outer{padding:20px 0px;color:#fff;background:#02216e;font-size:20pt;margin-bottom:20px;} #voodoo_footer{margin-top:20px;} html body #voodoo_content h2{font-size:20pt;} .mobile-only{display:none;} .welcomemsg {text-align:center;padding-top:40px;font-size:14pt;} .welcomemsg h2 {color:#02216e;} .hover_quote{text-align:center;background:#fff;color:#fff;border:6px solid #bc1633;box-shadow:0px 6px 20px #000;text-transform:uppercase;border-radius:100%;position:absolute;top:50px;right:50px;z-index:100000;font-size: 11pt;line-height: 20px;padding:25px 24px 11px 9px;will-change: transform;will-change: transform;cursor:pointer;} .hover_quote img{height:100px;margin:0 auto 10px auto;display:block;width:auto;} .pressreleases h2 {padding-top:40px;} .pressreleases a, .pressreleases a:link, .pressreleases a:visited {font-weight:bold; font-size:16pt;} #voodoo_content .smallerlink {font-size:10pt;} /* Home Header */ /* Home */ /* Header */ html body #voodoo_header_outer{border-bottom:0px;} html body #voodoo_header_nav_wrapper{bottom:unset;top:0px;} html body #voodoo_header_nav_wrapper .voodoo_inner_menu_item{color:#012070;font-weight:bold;} html body #voodoo_header_nav .voodoo_menu_item{margin-left:0px;} html body #voodoo_header_nav .voodoo_menu_item li{margin-left:0px;padding:28px 20px;} html body #voodoo_header_nav .voodoo_menu_item:hover li, html body #voodoo_header_nav li.current-item{background:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/nav_bg.png');background-size:100% 100%;background-repeat:no-repeat;} html body #voodoo_header_nav .voodoo_menu_item:hover li .voodoo_inner_menu_item , html body #voodoo_header_nav li.current-item .voodoo_inner_menu_item{color:#fff!important;} html body #voodoo_logo{height:300px;} .voodoo_fixed_header_scrolled{background:#fff;} .voodoo_full_width_shortcode{transition:background 0.1s ease-out;} html body #voodoo_site_wrapper{background:url('https://stedall4mayor.ca/wp-content/uploads/2026/07/page_bg.jpg');background-size:100% 400px;background-repeat:no-repeat;} /* Nav Menu */ /* Home */ .home_banner{font-size:50px;text-align:center;padding:40px 0px;color:#fff;background-image:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/banner_bg.jpg');background-size:100% auto;background-repeat:repeat-y;font-style:italic;font-weight:600;} .home #voodoo_content ul{list-style:none;} .home #voodoo_content li{position:relative;padding-left:20px;} .home #voodoo_content li:before{content:'';display:block;position:absolute;top:calc(50% - 10px);left:0px;bottom:0px;width:20px;height:20px;background-image:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/red_arrow.png');background-size:auto auto;background-repeat:no-repeat;} .home .social_links{text-align:right;margin-top:20px;} .home .social_links a{display:inline-block;margin-left:5px;} .home .instagram-text{text-align:center;padding-bottom:30px;padding-top:20px;} .home .instagram-text img{height:50px;width:50px;margin-bottom:10px;} .home .voodoo_one_half .instagram-text img{height:62px;width:62px;margin-bottom:0px;} .home .instagram-text a, .home .instagram-text a:link, .home .instagram-text a:visited{color:#f26338!important;} .shelleyplatform-section{padding:50px 0px;background:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/platform_bg-1.jpg');background-size:100% 100%;background-repeat:no-repeat;} .shelleyplatform-section .voodoo_one_half_last{padding-top:115px;} .shelleyplatform-section .voodoo_one_half strong{color:#02216e;} .aboutshelley-section{background:url('https://stedall4mayor.ca/wp-content/uploads/2026/07/about_bg.png');background-size:100% 100%;background-repeat:no-repeat;} .aboutshelley-section .voodoo_one_half{padding-top:0px;} .getinvolved-section{background:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/shelley-getinvolved-bg.png');text-align:center;background-size:100% auto;color:#fff;padding:200px 0px;} .getinvolved-title{font-size:60pt;font-weight:bold;margin-bottom:50px;} .getinvolved-red{color:#b90d22;display:inline;} .getinvolved-title p{display:inline;margin:0px;padding:0px;} .getinvolved-text{margin-bottom:60px;} .getinvolved-section .voodoo_button{background:#b90d22!important;margin:0px 20px;text-transform:uppercase;font-weight:600;box-shadow:0px 5px 10px #000;border:none!important;border-radius:5px!important;padding:15px 25px!important;color:#fff!important;font-size:18pt!important;} .contactshelley-section{text-align:center;padding:50px 0px;font-size:16pt;background:url('https://stedall4mayor.ca/wp-content/uploads/2026/07/contact_bg.png');background-size:100% 100%;background-repeat:no-repeat;} .contactshelley-section .voodoo_one_half{text-align:left;} .contactshelley-section .voodoo_one_half, .contactshelley-section .voodoo_one_half_last{margin-top:40px;} .contact_title{margin-bottom:20px;} .contact_info{padding-left:50px;margin-bottom:60px;font-size:20pt;} .contact_info a, .contact_info a:link, .contact_info a:visited{color:#b90d22!important;font-weight:bold;} .contact_info img{display:inline-block;margin-right:10px;} .contactshelley-section input, .contactshelley-section textarea, .buttonpopup input, .buttonpopup textarea, .buttonpopup select{width:calc(100% - 40px);padding:15px 20px;border:1px solid #ccc;border-radius:10px;box-shadow:inset 0px 5px 15px #ccc;font-family:Open Sans, Arial, Sans Serif !important;} .contactshelley-section textarea{height:180px;} .contactshelley-section input[type="submit"], .buttonpopup input[type="submit"]{border:1px solid #fff;border-radius:10px;text-transform:uppercase;color:#fff;box-shadow:0px 5px 5px #9d9d9d;padding:10px 65px;display:block;width:fit-content;margin:0 auto;background:url('https://stedall4mayor.ca/wp-content/uploads/2026/06/send_bg.jpg');background-size:100% 100%;background-repeat:no-repeat;} #voodoo_below_footer_outer{color:#fff;padding:10px 0px;background:#02216e;font-size:11pt;} .home #voodoo_body{padding-top:0px;} html body.home #voodoo_site_wrapper{background:#fff;} .home #voodoo_footer{margin-top:0px;} .home .voodoo_button{cursor:pointer;} .buttonpopup{text-align:center;padding:20px 10px;} .buttonpopup h1{font-size:20pt;color:#012070;} .buttonpopup label{font-size:16pt;color:#012070;} .buttonpopup input, .buttonpopup select, .buttonpopup textarea{font-size:12pt;line-height:normal;margin-top:10px;} /* Home Parallax */ /* Home Quote */ /* Sub Pages */ /* Woocommerce pages */ /* Our Blog/Post Pages */ /* Research Page */ /* Contact Page */ /* About Us Page */ /* Services Page */ /* Contact */ /* Sidebar */ /* Footer */ /* The switch - the box around the slider */ /* Hide default HTML checkbox */ /* The slider */ /* Rounded sliders */ @media only screen and (max-width: 1367px){ } /* Ipad Landscape 1024px -- And DOWN */ @media only screen and (max-width: 1199px){ } /* Iphone 12 Landscape 844px -- And DOWN */ @media only screen and (max-width: 1023px){ html body #voodoo_fixed_header_wrapper{position:absolute;} html body #voodoo_logo, html body .voodoo_fixed_header_scrolled #voodoo_logo{height:160px;} html body .voodoo_fixed_header_scrolled{background:none;} .home_banner{font-size:34pt;} .voodoo_button{margin-bottom:25px!important;} } /* Ipad Pro 11 Portrait 834px -- And DOWN */ @media only screen and (max-width: 843px){ .home_banner{font-size:23pt;} .contact_info, .contact_title {font-size:16pt;margin-bottom:10px;} #voodoo_body{padding-top:180px;} html body #voodoo_site_wrapper{background-size:100% 180px;} .hover_quote{display:none;} } /* Iphone X Landscape 812px -- And DOWN*/ @media only screen and (max-width: 833px){ } /* Ipad Portrait 768px -- And DOWN */ @media only screen and (max-width: 811px){ } /* Nexus 6 Landscape 690px -- And DOWN*/ @media only screen and (max-width: 767px){ } /* Iphone 6 Landscape 667px -- And DOWN*/ @media only screen and (max-width: 689px){ html body #voodoo_logo, html body .voodoo_fixed_header_scrolled #voodoo_logo{height:100px;margin-left:38px;} html body #voodoo_header_inner{text-align:left;} .home_banner{font-size:13pt;padding:10px 0px;} .home .social_links{text-align:center;} .shelleyplatform-section .voodoo_one_half_last{padding-top:10px;} .getinvolved-section{background-size:auto 100%;background-position:center center;padding:50px 0px;} .getinvolved-title{font-size:38pt;} #voodoo_body{padding-top:120px;} html body #voodoo_site_wrapper{background-size:100% 120px;} .mobile-only{display:inline-block;} .no-mobile{display:none;} .aboutshelley-section .voodoo_one_half{display:none;} } /* Nexus 5 Landscape 598px -- And DOWN*/ @media only screen and (max-width: 666px){ } /* Iphone 4 Landscape 420px -- And DOWN*/ @media only screen and (max-width: 567px){ } /* Nexus 6 Portrait 412px -- And DOWN */ @media only screen and (max-width: 419px){ } /* Nexus 4 Portrait 384px -- And DOWN */ @media only screen and (max-width: 411px){ } /* Iphone 6 Portrait 375px -- And DOWN*/ @media only screen and (max-width: 383px){ } /* Nexus 5 Portrait 360px -- And Down */ @media only screen and (max-width: 374px){ } /* Iphone 5 Portrait 328px -- And DOWN*/ @media only screen and (max-width: 359px){ } /* Iphone 4/3 Portrait 328px -- And DOWN*/ @media only screen and (max-width: 327px){ } /* Small Mobile -- And DOWN*/ @media only screen and (max-width: 319px){ } /* Ipad Landscape 1024px -- SPECIFIC */ @media only screen and (min-width: 1024px) and (max-width: 1199px){ } /* Ipad Portrait 768px -- SPECIFIC */ @media only screen and (min-width: 768px) and (max-width: 1023px){ } /* Iphone 6 Landscape 667px -- SPECIFIC */ @media only screen and (min-width: 569px) and (max-width: 667px){ } /* Iphone 5 Landscape 568px -- SPECIFIC */ @media only screen and (min-width: 421px) and (max-width: 568px){ } /* Iphone 3 Landscape 420px -- SPECIFIC */ @media only screen and (min-width: 376px) and (max-width: 420px){ } /* Iphone 6 Portrait 375px -- SPECIFIC */ @media only screen and (min-width: 321px) and (max-width: 375px){ } /* Iphone 5/4/3 Portrait 320px -- SPECIFIC */ @media only screen and (min-width: 241px) and (max-width: 320px){ }