/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* Baseline Normalize
		normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

.samples #solutions h1, .social #solutions h1, .business #solutions h1, .tutorials #solutions h1, .bundle #solutions h1, .performance #solutions h1 {line-height: 52px !important; padding-bottom: 0 !important;}
.samples #solutions h3, .social #solutions h3, .business #solutions h3, .tutorials #solutions h3, .bundle #solutions h3, .performance #solutions h3 {font-size: 34px; line-height: 40px;}
/* Overrides for the Facebook Business Page --------------------------------------------- */

.social .triangle-divider-blue {background: url(/media/arrow-gray.png) center bottom no-repeat !important;}
.social #solutions h2 {text-align: center !important;}
.social .solutions-bg {background: #ccc url("/media/dexhub-bkg-blue-new.jpg") center 10px no-repeat; background-size: cover; overflow: hidden; color: #fff; padding: 20px 0 30px 10px;}
.social .solutions-bg a {color: #fff !important;}
.social .solutions-bg span {font-size: 18px;font-weight: 600;margin-bottom: 4px; color:#fff;}
.social  #solutions .solutions-content .tools h2 {text-align: left !important; padding:0 !important; margin-bottom: 15px !important;}
.social .solutions-content p {font-size: 14px !important;}
.social .solutions-content p.getstarted-msg {float: left; color: #fff; font-size: 22px !important;}
.social .white {background-color: #fff; min-height: 36px;}
.social .green {background-color: #a0b943; color: #fff; padding: 5px; text-align: center; font-size: 16px; min-height: 36px;}
.social .solutions-get-started {background-color: #9e3764 !important; margin-bottom: 60px; overflow: hidden; padding: 10px 20px;}
.social .button-getstarted {background-color: #662440 !important;}
.social .button-getstarted:hover {background: rgba(0,0,0,0.5) !important;}

/* Overrides for the Business Websites Page --------------------------------------------- */
.business .triangle-divider-blue {background: url(/media/arrow-gray.png) center bottom no-repeat !important;}
.business #solutions h2 {text-align: center !important; margin-top: 10px;}
.business .solutions-bg {background: #ccc url("/media/dexhub-bkg-blue-new.jpg") center 10px no-repeat; background-size: cover; overflow: hidden; color: #fff; padding: 20px 0 30px 10px;}
.business .solutions-bg a {color: #fff !important;}
.business .solutions-bg span {font-size: 18px;font-weight: 600;margin-bottom: 4px; color:#fff;}
/* .business .solutions-content h2 {text-align: left !important; padding:0 !important; margin-bottom: 15px !important;} */
.business .solutions-content ul li{color: #666 !important;}
/* .business .dexhub-feature {min-height: 150px;} */
.business .dexhub-icon {margin-bottom: 60px;}
.business .solutions-content p {font-size: 14px !important; line-height: 150%;}
.business .solutions-content p.getstarted-msg {float: left; color: #fff; font-size: 22px !important;}
.business .white {background-color: #fff; min-height: 36px;}
.business .green {background-color: #a0b943; color: #fff; padding: 5px; text-align: center; font-size: 16px; min-height: 36px;}
.business .solutions-get-started {background-color: #9e3764 !important; margin-bottom: 60px; overflow: hidden; padding: 10px 20px;}
/* .business .dexhub-feature {float: left; margin-left: 25px; margin-top: 20px; min-height: 135px !important; width: 29% !important; font-size: 13px; padding-left: 0px;} */
.business .text-24 {font-size: 24px !important;}
.business .graycol {background-color: #f7fafa; margin-bottom: 20px; padding-bottom: 30px;}
.business .two {width: 49% !important;}
.business .solutions-content .fl-right {float: right !important; }
.business .solutions-content .fl-left {float: left !important; margin-left: 0px !important;}
.business .solutions-content ol {margin-left: 10px !important; margin-top: 60px !important;}

/* Overrides for the Business Website Samples Page --------------------------------------------- */
.samples .solutionsimage {display: none !important;}
.samples .triangle-divider-blue {display: none !important;}
.samples .solutions-bg {background: #fff none center 10px no-repeat; background-size: cover; overflow: hidden; color: #fff; padding: 20px 0 30px 0px !important;}

/* Overrides for the Bundled Solutions Page --------------------------------------------- */
.bundle .triangle-divider-blue {display: none !important;}
.bundle .solutions-bg {display: none !important;}
.bundle .solutions-get-started {display: none !important;}
.bundle #solutions h2 {text-align: center !important; margin-top: 20px;}
.bundle #solutions h3 {text-align: left !important; margin: 0 0 20px 0; font-size: 26px; font-weight: 400;}
.bundle .solutions-content ul li {color: #666; line-height: 18px; margin-bottom: 10px;}
.bundle .solutions-content p {font-size: 14px !important; line-height: 160%;}
.bundle .solutions-content .fl-right {float: right !important; margin-right: 20px !important;}
.bundle .solutions-content .fl-left {float: left !important; margin-left: 20px !important;}
.bundle .solutions-content .fl-left, .bundle .solutions-content .fl-right {width: 45%; padding: 30px 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #f7fafa; min-height: 380px; position: relative;}
.bundle .button-magenta {width: 50%; position: absolute; bottom: 30px; font-weight: 600;}
.bundle .solutions-content ol {margin-left: 10px !important; margin-top: 60px !important;}

/* Overrides for Performance Tracking Page --------------*/
.performance .solutions-get-started {display: none !important;}
.performance .solutions-content ul li {color: #666; line-height: 18px; margin-bottom: 10px;}
.performance .solutions-content p {font-size: 14px !important; line-height: 160%;}
.performance .triangle-divider-blue {background: url(/media/arrow-gray.png) center bottom no-repeat !important;}
.performance .solutions-bg {background: #ccc url("/media/dexhub-bkg-blue-new.jpg") center 10px no-repeat; background-size: cover; overflow: hidden; color: #fff; padding: 20px 0 30px 10px;}
.performance .solutions-content ol {margin-left: 10px !important; margin-top: 60px !important;}

/* Overrides for the Tutorials Page --------------------------------------------- */
.tutorials #solution-main-image {display: none !important;}
.tutorials .triangle-divider-blue {display: none !important;}
.tutorials .solutions-bg {display: none !important;}
.tutorials .solutions-get-started {display: none !important;}
.tutorial-title {font-size: 18px !important; line-height: 125% !important; font-weight: bold !important;}
.tutorials h1 { text-align: center !important; background-image: none !important; margin: 40px 10px 5px 10px !important; line-height: 120% !important; font-weight: 300 !important; font-size: 46px !important; color: #666 !important;}
.tutorial-help {text-align: center !important; background-image: none !important; margin: 30px 10px !important; line-height: 150% !important; font-weight: 400 !important; font-size: 26px !important; color: #666 !important;}
.tutorials h1 span, .careers h1 span, .tutorial-help span {color: #ca5251;}
.tutorial-box {
    background-color: #eeeeee;
    border-bottom: 3px solid #b9b9b9;
    font-size: 13px;
    line-height: 18px;
    margin: 0 30px 30px 0;
    padding: 20px;
    text-align: center;
    width: 28%;
    display: inline-block;
}
#dexhub-tutorial h2 {
	margin-bottom: 15px;
	padding: 0 5px;
}
/* Overrides for "Get Started" Button */
.business .button-getstarted {background-color: #662440 !important;}
.business .button-getstarted:hover {background: rgba(0,0,0,0.5) !important;}

/* Overrides for "Get Started" Text */
.sm-message .getstarted-msg {width: 60%; margin-top: 10px;}

@media only screen and (max-width: 760px) {

/* Overrides for the Business Websites Page & Bundle Solutions Page ----------------------------- */
.business .dexhub-feature, .business .dexhub-feature, .tutorial-box {width: 100% !important; min-height: 130px !important; margin-left: 0px !important; padding-right: 10px;}
.social #solutions h1, .business #solutions h1, .samples #solutions h1, .tutorials #solutions h1, .bundle #solutions h1, .performance #solutions h1   {line-height: 48px !important; font-size: 42px;}
.social  #solutions .solutions-content .tools h2 {text-align: center !important; margin-top: 10px;}
.sm-message .getstarted-msg {width: 100%;}
.business .solutions-get-started {margin-bottom: 20px;}
.social #solutions h2, .business #solutions h2, .bundle #solutions h2, .performance #solutions h2  {font-size: 32px; line-height: 36px;}
.samples #solutions h3, .social #solutions h3, .business #solutions h3, .tutorials #solutions h3, .bundle #solutions h3, .performance #solutions h3 {font-size: 28px; line-height: 32px; margin-top: 20px;}
.business .two {width: 95% !important;}
.business .solutions-content .fl-right, .business .solutions-content .fl-left, .bundle .solutions-content .fl-right, .bundle .solutions-content .fl-left  {float: none !important; margin: 10px !important;}
.business .solutions-content img {float: none; margin: 10px auto;}
.bundle .solutions-content .fl-left, .bundle .solutions-content .fl-right {width: auto; margin: 20px 5px;}
}