/* Theme Name: Challenge Re-defining Home Author: Codephonic/OrangeYouGlad Author URI: http://orangeyouglad.com/ Version: 1.0 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: challenge */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'RedRing'; color: #666666; outline: none; -moz-transition: width 0.3s, height 0.3s, background-color 0.4s, color 0.3s, top 0.3s, opacity 0.3s; -webkit-transition: width 0.3s, height 0.3s, background-color 0.4s, color 0.3s, top 0.3s, opacity 0.3s; transition: width 0.3s, height 0.3s, background-color 0.4s, color 0.3s, top 0.3s, opacity 0.3s; } html,body { width: 100%; min-height: 100%; } body { padding: 60px 0; } body { background: url(img/bg2.jpg) center center; background-attachment: fixed; } a { outline: none; text-decoration: none; } h1 { font-size: 65px; line-height: 70px; font-weight: 300; } hr { margin: 30px 0 40px; border-style: solid; border-color: #f1f1f1; } ::-webkit-input-placeholder { color: #333; } :-moz-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } input[type="submit"] { width: 180px; border: none; text-align: center; display: inline-block; line-height: 50px; color: #fff; background-color: #e5501c; text-align: center; font-size: 16px; cursor: pointer; } input[type="submit"]:hover { background-color: #9c95a1; color: #fff; } .clearfix:after { content: ''; clear: both; display: block; } .clear { clear: both; overflow: hidden; } .rr { font-family: 'RedRing'; } .rr-regular { font-family: 'RedRing-Regular'; } .rr-black { font-family: 'RedRing-Black'; } .rr-bold { font-family: 'RedRing-Bold'; } .rr-light { font-family: 'RedRing-Light'; } .rr-medium { font-family: 'RedRing-Medium'; } .red { color: #e5501c !important; } .red-background { background-color: #e5501c; } .white { color: #fff; } .only-mobile { display: none; } #page { width: 100%; max-width: 1100px; margin: 0 auto; position: relative; } .menu-challenge-two-buttons-container { padding: 0 40px; margin-top: 20px; } .menu-challenge-two-buttons-container ul:after { content: ''; clear: both; display: block; } .menu-challenge-two-buttons-container ul li { float: none; width: 50%; list-style: none; max-width: 180px; margin-left: auto!important; margin-right: auto!important;} .menu-challenge-two-buttons-container ul li:first-child { padding-right: 5px; } .menu-challenge-two-buttons-container ul li:last-child { padding-left: 5px; } .menu-challenge-two-buttons-container ul li a { display: inline-block; width: 100%; line-height: 50px; background-color: #fff; color: #e5501c; text-align: center; font-size: 16px; } .menu-challenge-two-buttons-container ul li a:hover { background-color: #9c95a1; color: #fff; } #side { position: absolute; right: 0; top: 0; width: 45%; height: 610px; overflow: hidden; right: 45%; margin-right: -103px; -moz-transition: right 0.3s linear, margin-right 0.3s linear; -webkit-transition: right 0.3s linear, margin-right 0.3s linear; transition: right 0.3s linear, margin-right 0.3s linear; z-index: 1; } #side #side-left{ width: 100%; overflow: hidden; padding-right: 103px; position: relative; height: 100%; } #side #side-right{ position: absolute; right:0; top: 0; padding: 36px 0; height: 100%; width: 103px; text-align: center;} #side.show-menu-click { margin-right: 0; right: 0; } #side #side-left .menu-challenge-container { overflow: hidden; } #side #side-left a { display: inline-block; } #side #side-left #btn-menu { width: 100%; padding-left: 27px; position: relative; } #side #side-left #btn-menu .open-menu { opacity: 1; } #side #side-left #btn-menu .close-menu { opacity: 0; position: absolute; top: 0; right: 18px; } #side.show-menu-click #side-left #btn-menu .open-menu { opacity: 0; } #side.show-menu-click #side-left #btn-menu .close-menu { opacity: 1; } #side-links { position: absolute; bottom: 20px; right: 0; width: 100%; padding-left: 27px; } #side-links a { padding-top: 20px; display: inline-block; } #side-links a img { opacity: 0; display: block; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #side-links a:hover { background: none; } #side-links a:hover img { opacity: 1; } #side-links a.hm-link { background: url(img/hm_logo.png) no-repeat center bottom; } #side-links a.auto-link { background: url(img/auto_logo.png) no-repeat center bottom; } #side-links a.wf-link { background: url(img/wf_logo.png) no-repeat center bottom; } #side-links a.aia-link { background: url(img/aia_logo.png) no-repeat center bottom; } #side #right-buttons { display: none; } #side #right-buttons.child-buttons { display: block; } #side #menu-left { background-color: #e5501c; height: 100%; padding: 55px 0 0; } #side #menu-challenge { padding-left: 50px; list-style: none;} #side #menu-challenge a { font-family: inherit; font-size: 20px; font-weight: 300; line-height: 40px; color: #fff; text-decoration: none; } #side #menu-challenge li.current-menu-item a, #side #menu-challenge a:hover { color: #9c95a1; } #side .menu-challenge-share-bottom { bottom: 30px;} #side #menu-challenge-share { padding-left: 40px; padding-bottom:60px; list-style: none;} #side #menu-challenge-share a { font-family: inherit; font-size: 10px; font-weight: 300; line-height: 0px; color: #fff; text-decoration: none; letter-spacing: 2px; } #side #menu-challenge-share li.current-menu-item a, #side #menu-challenge-share a:hover { color: #9c95a1; } #side #menu-challenge-share .menu-item {display: inline-block; padding-left:10px;} #side #menu-challenge-share .menu-item:first-child {padding-right: 15px; border-right:1px solid #FFF;} #side #menu-left .menu-footer { overflow: hidden; padding: 0 40px; color: #fff; padding-top: 30px; } #side #menu-left .menu-footer p { font-size: 12px; font-weight: 400; color: #fff; } #side #menu-left .menu-footer p b { font-size: 12px; font-weight: 500; color: #fff;} #main { float: left; width: 55%; background-color: #fff; min-height: 610px; z-index: 2; position: relative; padding: 45px 50px; font-size: 14px; line-height: 20px; text-align: left; box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.3)} #main header a { font-weight: 300; font-size: 16px; text-decoration: none; } #main header b { font-weight: 500; } #main header h1 { padding-top: 50px; padding-bottom: 40px; line-height: 55px; } #main ul li { margin-left: 15px; } #main .intro { font-size: 24px; line-height: 30px; font-weight: 300; padding-top: 35px;} #main .content { padding-bottom: 20px;} #main .content a { color: #e5501c; text-decoration: none; } #main .two-columns .column { width: 50%; float: left; } #main .two-columns .column:first-child { padding-right: 20px; } #main .two-columns .column:last-child { padding-left: 20px; } #main a { text-decoration: underline; color: #000; } #main p { padding-bottom: 20px; } #main .img-txt { padding-top: 20px; border-top: 1px solid #f1f1f1;} #main .img-txt .img-txt-row { padding-bottom: 30px; } #main .img-txt .img-txt-row .red { text-decoration: none; } #main .img-txt .img-wrapper { float: left; width: 150px; padding-right: 20px; } #main .img-txt .img-wrapper img { max-width: 100%; } #main .img-txt .text-wrapper { padding-left: 150px; } #main .page-anchor-links { border-top: 1px solid #f1f1f1; } #main .page-anchor-links a { display: inline-block; text-decoration: none; padding: 12px 7px 15px; border-top: 3px solid #fff; } #main .page-anchor-links a:hover { border-top: 3px solid #e5501c; } #main .page-anchor { padding: 50px 15px 20px 7px; font-size: 18px; border-bottom: 1px solid #f1f1f1; } #main .accordion-row { border-bottom: 1px solid #f1f1f1; } #main .accordion-row:first-child { border-top: 1px solid #f1f1f1; } #main .accordion-row h4 a{ background: url(img/accordion_arrow.png) no-repeat right -30px; display: block; text-decoration: none; font-size: 15px; font-weight: 400; padding: 30px 39px 35px 7px; margin-right: 20px; -moz-transition: background-position 0.5s, padding-bottom 0.5s; -webkit-transition: background-position 0.5s, padding-bottom 0.5s; transition: background-position 0.5s, padding-bottom 0.5s; } #main .accordion-row.show-arrow h4 a{ background-position: right center; padding-bottom: 25px; } #main .accordion-row .accordion-content { display: none; padding-left: 7px; padding-bottom: 10px; -moz-transition: none; -webkit-transition: none; transition: none; } #main .gform_wrapper { padding-top: 30px; border-top: 1px solid #f1f1f1; } #main .gform_wrapper .gform_body { padding-bottom: 1px; } #main .gform_wrapper ul { list-style: none; } #main .gform_wrapper .required-box { text-align: right; color: #000; padding-top: 20px; width: 310px; } #main .gform_wrapper .gfield { padding-bottom: 10px; margin-left: 0; } #main .gform_wrapper input[type="text"] { background-color: #f7f7f7; border: none; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; line-height: 40px; height: 40px; padding: 0 20px; width: 310px; font-size: 14px; } #main .gform_wrapper .validation_error { padding-top: 20px; } #main .gform_wrapper .validation_error, #main .gform_wrapper .validation_message { color: #e5501c; } #main .gform_wrapper .gform_validation_container { display: none; } /* HOME */ #redefining-home .menu-challenge-two-buttons-container { padding: 89px 0 25px; margin-top: 0; letter-spacing: 1px;} #redefining-home .menu-challenge-two-buttons-container ul li a { background-color: #e5501c; color: #fff; text-decoration: none; } #redefining-home .menu-challenge-two-buttons-container ul li a:hover { background-color: #9c95a1; color: #fff; } /* ABOUT */ .download_button, .download_button a, #about .download-link a { display: inline-block; border-top: 3px solid #e5501c; color: #666666; padding-top: 4px; text-decoration: none;} .download_button:hover, .download_button a:hover, #about .download-link a:hover { color: #e5501c; } #about .two-columns { padding-bottom: 20px; } /*EXPERTS*/ #experts .img-txt-row { padding-bottom: 20px; } #experts .content { padding-bottom: 0; } #experts .img-txt-row p { padding-bottom: 0; font-weight: 500; } #experts .img-txt-row .text-wrapper .red { } /* PARTNERS */ #partners .img-txt { padding-top: 0; border-top: none; } #partners .img-txt-row { padding-top: 20px; padding-bottom: 10px; } #partners .content { padding-bottom: 0; padding-top:20px;} #partners .img-txt-row p { padding-bottom: 0; font-weight: 500; } #experts .img-txt-row { padding-top: 20px; } /* SHARE / FOLLOW */ #share-follow { border-bottom: 1px solid #f1f1f1; } #share-follow .left { float: left; width: 55%; padding-right: 50px; } #share-follow .right { padding-left: 55%; } #share-follow .right > div { padding-bottom: 15px; } #share-follow .right.right-share { padding-bottom: 100px; } #share-follow .right.right-share > div { padding-left: 40px; padding-bottom: 0; margin-bottom: 15px; } #share-follow .right.right-share a { display: inline-block; width: 100%; line-height: 40px; font-size: 12px; font-weight: 700; text-decoration: none; color: #fff; padding-left: 10px; } #share-follow .right.right-share a span { color: #fff; } #share-follow .right.right-share a:hover { background-color: #98a299; } #share-follow .right.right-share .share-fbk { background: url(img/fb.png) no-repeat left center; background-color: #4b6daa; } #share-follow .right.right-share .share-twitter { background: url(img/twitter.png) no-repeat left center; background-color: #28a9e0; } #share-follow .right.right-share .share-linked { background: url(img/linked.png) no-repeat left center; background-color: #0085ae; } #share-follow .right .link-home { padding-top: 140px; } #share-follow .right .link-home a { color: #e5501c; font-size: 15px; font-weight: 400; text-decoration: none; } /* SPONSORS */ .single-sponsor { padding-bottom: 45px; } .sponsor-headline { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .sponsor-content .alignleft, .sponsor-headline .sponsor-image { float: left; margin-right: 20px; margin-bottom: 20px; } .sponsor-headline p { padding-top: 15px; } .sponsor-headline p, .sponsor-headline { font-size: 16px; font-weight: 300; line-height: 20px; } .sponsor-content p { clear: both; } @media screen and (max-width:1366px) { #side { margin-right: -85px; } #side #side-left { padding-right: 85px; } #side #menu-challenge { padding-left: 35px; } #side #menu-challenge-share { padding-left: 35px; } } @media screen and (max-width:1024px) { h1 { font-size: 54px; line-height: 60px; padding-bottom: 30px } .desktop-only { display: none; } #side { height: auto; } #side #side-left { height: auto; } #side #side-right #side-links, #side #side-left #btn-menu { padding-left: 15px; } #side #menu-challenge a { font-size: 26px; line-height: 32px; } #side #menu-challenge-share a { font-size: 26px; line-height: 32px; } #side #menu-left { padding-top: 20px; padding-bottom: 25px; } #side #menu-left .menu-footer p, #side #menu-left .menu-footer p b { font-size: 11px; } .menu-challenge-two-buttons-container ul li { width: auto; } .menu-challenge-two-buttons-container ul li a { padding: 0 20px; } #main { padding-left: 40px; padding-right: 40px; } #share-follow .left { padding-right: 35px; } #share-follow .right .link-home a { font-size: 10px; } } @media screen and (max-width:768px) { .only-mobile { display: block; } .only-desktop { display: none; } #side #menu-challenge-share .menu-item:first-child { border: 0; } #page { padding: 20px 20px 0; } #side, #side * { -moz-transition: none; -webkit-transition: none; transition: none; } #side { left: 0; top: -60px !important; width: 100%; z-index: 3; overflow: hidden; } #side #side-left { padding-right: 0; background-color: #e5501c; } #side #side-right { padding-top: 15px; } #side #side-left #btn-menu .open-menu { opacity: 1 !important; } #side #side-left #btn-menu .close-menu { opacity: 0 !important; } #side #right-buttons { display: block; padding-top: 20px; } #side #right-buttons .menu-challenge-two-buttons-container { padding-right: 0; } #side #right-buttons .menu-challenge-two-buttons-container li { padding:0; width: 100%; max-width: 100%; } .menu-challenge-two-buttons-container ul li a { box-sizing: content-box; padding: 0 0px;} #side #menu-left { display: none; padding-right: 70px; padding-top: 0px; } #side #side-left header { padding: 15px; padding-right: 70px; } #side #side-left header .white { font-size: 15px; line-height: 18px; } #side-links { position: static; text-align: center; padding-left: 67px; margin-top: 20px; } #side-links a { padding: 0; vertical-align: middle; margin-right: 10px;} #side-links a:last-child { margin-right: 0; } #side-links a img { opacity: 0 !important; } #main { width: 100%; min-height: 0; float: none; } #main .menu-challenge-two-buttons-container { margin-top: 50px; } #main header h1 { padding: 0; font-size: 40px; line-height: 45px; padding-bottom: 20px;} #main .two-columns .column { width: 100%; } #main .two-columns .column:first-child { padding-right: 0; } #main .two-columns .column:last-child { padding-left: 0; } /*HOME */ #redefining-home h1 { font-size: 32px; line-height: 40px; } /*ABOUT*/ #about .acknowledgements h3.ack-header { margin-left: 0; text-align: center; padding-left: 0; padding-right: 0; } #about .acknowledgements h3.ack-copy { display: block; } /*SUBMIT*/ #main .gform_wrapper .required-box, #main .gform_wrapper input[type="text"] { max-width: 100%; line-height: 16px; padding-top: 12px; padding-bottom: 12px;} #main .gform_wrapper input[type="submit"] { width: 100%; text-align: center; } /*FAQ*/ #main .accordion-row h4 a { margin-right: 0; } #main .accordion-row.show-arrow h4 a{ background-position: right 35px; } /*SHARE/FOLLOW*/ #share-follow .left, #share-follow .right { width: 100%; float: left; padding: 0;} #share-follow .right div a span { display: inline-block !important; } .mobile-menu-button {visibility:visible!important;} .partners-switch-nodec {width: 49.4%!important;} #side #menu-challenge-share .menu-item {display: list-item;} #side .menu-challenge-share-bottom {position:static;} } @media screen and (max-width:410px) { .partners-switch-nodec {width: 48.4%!important;} #main header h1 {font-size: 30px;} } #gray {color: #808285!important;} .gray {color: #9a9a9c;} .gray-landing {color:#808285!important;} .home-landing {letter-spacing: 2px;} .home-landing h1 {padding-top: 25px!important; padding-bottom:25px!important; font-size:50px; letter-spacing: 0px; line-height: 60px!important;} .home-landing p {font-size: 10px; padding-bottom:0px!important; font-weight: 600;} .home-landing-img {padding-top:30px; padding-bottom:75px;} #home-landing-button {margin:0 auto;} .text-align-left p{text-align:left;} .partners-link-nopadding {padding-left: 0px!important;} .financial-partners img {padding-bottom:30px; padding-top:30px;} .competition-partners img {padding-bottom:20px; padding-top:20px;} .competition-partners .text-wrapper {padding-top: 15px;} .intro-inline-block {display:inline-block; margin: 0 auto; width:100%; float:none; border-bottom: 1px solid #f1f1f1; text-align: center;} .partners-switch-nodec {text-decoration: none!important; width: 49.5%; display: inline-block; line-height: 19px; padding:15px 0;} .partners-switch-active {border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; color: #e5501c!important; font-weight:bold;} .partners-switch-nonactive {border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; color: #C5C5C5!important; font-weight: 200;} .mobile-menu-button {visibility:hidden;} .bottom-page-logos img{padding: 30px 15px 0 15px;} .bottom-page-logos a:first-child{padding-left:60px;} .bottom-page-logos a:first-child img {padding:0; margin-top:0px; height:30px; width:auto; vertical-align: super;} .bottom-page-logos a:nth-child(2) img {height:40px; min-height: 40px; padding-top: 0px; padding-bottom: 10px;} .bottom-page-logos a:nth-child(4):after { content:"\A"; white-space:pre;} .bottom-page-logos span p {font-size:9px; font-weight:500; line-height:8px; text-align:right; float:left; padding-top:33px; padding-right:30px; padding-left:22px;} .bottom-page-logos span p:first-child {padding-left:70px;} .bottom-page-logos span a {margin-right:30px;} .bottom-page-logos span a img {padding: 30px 0 0 0;} .bottom-page-logos span a:nth-of-type(1) img {padding:0; margin-top:12px; height:65px; width:auto;} .bottom-page-logos span a:first-of-type {margin-right: 10px;} .bottom-page-logos span a:nth-of-type(2) img {padding:0; margin-top:25px; height:28px; width:auto;} .bottom-page-logos span a:nth-of-type(3) img {padding:0; margin-top:25px; height:28px; width:auto;} .bottom-page-logos .footer-span-2 {margin-top: 15px;} .header-letter-spacing {letter-spacing: 3px; line-height:15px;} .landing-center-align {text-align: center!important;} .financial-partners-font-weight-300 p{font-weight: 300!important;} .padding-bottom-0 p{padding-bottom:0px!important;} .landing-top-text {font-size: 10px; font-weight:300;} .landing-top-text b{font-weight:600;}