/*© 2025 KICKSTARTcalgary.com - All Rights Reserved*/
html, body { height: 100%; font-size: 18px !important; }
body, input, textarea, select, #divWrapper { font-family: Arial, Verdana, Sans-Serif; font-family: Arial, inherit"Segoe UI", Arial, sans-serif; background-color: #F5F3F2; color: #025; }
a, .aInactiveLink { text-decoration: none; cursor: pointer; font-weight: normal; display: inline-block; }
     a:hover, a:active { color: #43CCFF !important }
.liActiveLink { border-top: 2px solid #61b1e3; }
.aActiveLink { color: #43ccff !important; }
.InactiveLink { color: #0077b7 !important; }
h1, .h1, h5, .h5 { font-size: 27px; color: #0077b7; }
ol { padding: 0; margin: 0; }
img { vertical-align: bottom; }
p { line-height: 2em; }

.KICKred { color: #FF432F !important }
.KICKgreen { color: #680 !important }
.KICKblue { color: #0076B7 }
.aButtonLink { color: #B0EA00 !important; background-color: #0077b7; border: 1px solid #555; padding: 12px 20px !important; border-radius: 10px; margin: 10px 20px !important; font-weight: bold; }

.divHeaderLinks { display: block }
     .divHeaderLinks div { display: inline-block }
          .divHeaderLinks div a { color: #025; padding: 10px 0px; font-size: 18px; font-family: Arial, "Segoe UI", Arial, sans-serif; margin: 0 20px; }
#divMobileMenu { display: none; border-bottom: 2px solid #025; }
.divMobileLinks div { border-bottom: 1px solid #DDD; }
.divMobileLinks .aInactiveLink { color: #025; padding: 9px 0; font-size: 16px; }
#divHeaderContactUs { display: inline-block !important; }
#divMobileContactUs { display: none !important; }
.divMenu { padding: 21px 15px; display: none !important; }

#divWrapper { /*padding-top: 64px; height: 100%;*/ box-sizing: border-box; }
.divContentWrapper { background-color: #FFF; }
#divMenu { height: 66px; display: block; width: 100%; text-align: center; background-color: #FFF; z-index: 999; }
#imgLogo { max-height: 66px; }
.btnHeader { border: 1px solid #74767b; min-width: 50px; text-align: center; margin: 15px 5px 0 5px; padding: 12px 19px; font-size: .75rem; line-height: 11px; border-radius: 11px; font-weight: bold; text-transform: lowercase; }
.divOptionSelected { background-color: #40434a !important; }
#divContent { max-width: 768px; display: inline-block; padding-top: 33px; }

.dropbtn { padding: 0 14px; color: white; font-size: 16px; border: none; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { right: 0; display: none; position: absolute; background-color: #f4f3f2; min-width: 167px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
     .dropdown-content a { padding: 12px 16px; text-decoration: none; display: block; border-top: 1px solid #DDD; }
          .dropdown-content a:hover { background-color: #DDD; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #f4f3f2; }

.imgAd { border: 1px solid #2a6d78; }

.divPricingBox, .divSubscribeBox { background-color: #FFF }
.imgNextDown { height: 32px; }

.divFormDiv { text-align: left; padding: 0 19px 19px 19px; }
.txtForms, .btnForms, .txtaForms, .ddlForms { max-width: 456px; box-sizing: border-box; background-color: #FFF; border: 1px solid #74767b; box-shadow: none; padding: 5px 19px; height: 36px; margin-bottom: 5px; font-size: 15px; font-weight: 400; border-radius: 11px; }
.txtForms { color: #263238; }
.btnForms { background-color: #43ccff; color: #fafafa !important; min-width: 167px; -webkit-appearance: none; cursor: pointer; border: 1px solid #74767b; margin-top: 11px; text-transform: lowercase; }
#btnReportItem { background-color: #ff9f43 }

.error, .info, .success, .warning { max-width: 396px; min-width: 396px; border-radius: 11px; }
.ddlForms, .txtForms, .txtaForms, #divSRG { width: 456px; }
.ddlFormsHalf, .txtFormsHalf { width: 255px; }
.divaForms { width: 522px; }

.dot { position: relative; display: inline-block; }
     .dot:before,
     .dot:after { opacity: 1; content: 'i'; display: block; position: absolute; top: 0; left: 0; font: inherit; }
     /* The 0.35 might have to be adjusted for other fonts. */
     .dot:before { color: #43ccff !important; clip: rect(auto, auto, 0.35em, auto); }
     .dot:after { clip: rect(0.35em, auto, auto, auto); }
     .dot i { font: inherit; opacity: 0; }

#txtEnterCode { font-family: Consolas; font-size: 21pt; font-weight: bold; height: 32px; width: 88px; text-align: center; margin-right: 0; border: 1px solid #D5D5D5; }
.error, .info, .success, .warning { text-transform: lowercase; }
#divFooter { text-align: center; background-color: #40434a; }
#divFooterWrapper, #divDisclaimerWrapper { padding: 19px; display: block; text-align: center; border-top: 1px solid #5D5D5D; background-color: #40434a; }
     #divFooterWrapper div, #divDisclaimerWrapper div { display: inline-block; padding: 19px 28px; font-size: 14px; }
#divFooterWrapper { font-weight: normal; }
     #divFooterWrapper a { color: #EFEFEF }
#divDisclaimer { color: #B5B5B5; max-width: 1280px; }
#divTopImgHome { width: 100%; height: 555px; background-image: url(../images/home.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }

.divFeed, .divBrowseCategory { padding-bottom: 55px; background-color: #fff; max-width: 1263px; width: 100%; }
     .divFeed h5, .divItem h5 { padding: 55px 0 33px 0; color: #252525; }
#imgProfile, .imgProfile { width: 119px; height: 119px; border-radius: 50%; background-color: #43ccff; display: inline-block; border: 1px solid #D5D5D5; }
#imgProfileHeader { width: 55px; height: 55px; margin: 5px 0 4px 0; }
.imgRemove { width: 33px; height: 33px; position: absolute; top: 0px; right: 0; background-color: transparent; }

#divIntro { padding: 55px 33px; background-color: #f4f3f2; border-bottom: 1px solid #d5d5d5; }
#divIntroContent { max-width: 456px; display: inline-block; }
#divIntroTitle { padding-top: 0; }
     #divIntroTitle h1 { color: #9C0; }
.divContactInfo { font-size: 14px !important; }
#divLogin { max-width: 100%; }
#divFeed { padding: 55px 0; }
     #divFeed h5 { padding: 55px; }
#divFeedImage { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 196px; margin: 85px 0 0 58px; }
#divDesc { padding: 0 0 33px 33px; }
#divDescButton { padding: 19px; }
#aForgot { font-size: 15px; }

.h5Items { border-top: 1px solid #d5d5d5 }

#aSearch { border: none !important; }
#txtSearch { background-color: #FFF; height: 31px !important; width: 333px; font-size: 16px; border-radius: 5px 0 0 5px; }

.btnVisitBlog { /*border: 1px solid #41cdff;*/ color: #41cdff; min-width: 160px; height: 40px; line-height: 40px; font-size: 15px; }


@media only screen and (max-width: 1234px) {
     .divHeaderLinks div a { font-size: 16px; margin: 0 15px; }
     #divTopImgHome { height: 450px; }
}

@media only screen and (max-width: 1100px) {
     .divHeaderLinks div a { font-size: 15px; margin: 0 10px; }
     .divMenu { display: none !important; }
     #divTopImgHome { height: 333px; }
}

@media only screen and (max-width: 1000px) {
     .divHeaderLinks .aActiveLink, .divHeaderLinks .aInactiveLink { display: none !important; }
     .divMenu { display: inline-block !important; }
     #divTopImgHome { height: 250px; }
}

@media only screen and (max-width: 768px) {
     h1, .h1, h5, .h5 { font-size: 25px; }
     .divMainWrapper { max-width: 768px; padding: 33px 0; }
     .imgAd { width: 100%; }
}

@media only screen and (max-width: 660px) {
     body { font-size: 16px !important; }
     h1, .h1, h5, .h5 { font-size: 25px; }
     .divMainWrapper { max-width: 660px; padding: 33px 0; }
     /* Drop-and-Crop */
     #divDropzone, .imgCropper, .imgCropMe { max-width: 456px; max-height: 456px; }
     #divDropzone, .imgCropper { width: 456px; height: 456px; }
     #divLoading { color: Orange; line-height: 456px; }

     .error, .info, .success, .warning { max-width: 396px; min-width: 396px; }
     .ddlForms, .ddlFormsHalf, .txtForms, .txtaForms, #divSRG, .txtFormsHalf, .divaForms { width: 550px; }

     .divFeed, .divBrowseCategory { padding-bottom: 33px; }
          .divFeed h5 { padding: 33px 0 11px 0; }

     #divHeaderContactUs { display: none !important; }
     #divMobileContactUs { display: inline-block !important; }
}

@media only screen and (max-width: 525px) {
     #divIntroText br { display: none; }
     .divYubWrapper { margin: 14px 3px 0 3px !important; }
     .divYub > div:first-child { font-size: 0px; width: 111px !important; height: 111px !important; max-width: 111px !important; max-height: 111px !important; }
     .imgYub { width: auto !important; height: auto !important; max-height: 72px !important; padding: 19px 0; }
     .divYubName { font-size: 12px !important; padding: 9px 0 !important; }

     #aSigninHome, #aSignupHome { padding: 12px 12px; }
     .error, .info, .success, .warning { max-width: 254px; min-width: 254px; }
     .ddlForms, .ddlFormsHalf, .txtForms, .txtaForms, #divSRG, .txtFormsHalf, .divaForms { width: 314px; }

     #divFooterWrapper div { display: inline-block; padding: 19px 9px; }

     #txtSearch { width: 216px; }
}

@media only screen and (max-width: 414px) {
     h1, .h1, h5, .h5 { font-size: 25px; }
     .divMainWrapper { max-width: 388px; padding: 19px 0; }
     #divContent { padding-top: 19px; display: block; }
     #divDesc { padding: 0; }
     #divIntro { display: block; padding: 33px; }
     #divIntroContent { max-width: 100%; }
     #divIntroTitle { padding-top: 11px; }
     #divIntroText br { display: none; }
}

@media only screen and (max-width: 375px) {
     h1, .h1, h5, .h5 { font-size: 22px; }
     #divMenu { font-size: 22px; }
     .divMainWrapper { max-width: 359px; padding: 19px 0; }
     #divIntroContent { max-width: 100%; }
     #divIntroText br { display: none; }
}

@media only screen and (max-width: 360px) {
     h1, .h1, h5, .h5 { font-size: 22px; }
     #divMenu { font-size: 22px; }
     #aSigninHome, #aSignupHome { min-width: 45px; }
     .divMainWrapper { max-width: 344px; min-width: 344px; padding: 19px 0; }
     #divIntroContent { max-width: 100%; }
     #divIntroText br { display: none; }
}