.clearfix::after { content: ""; clear: both; display: table; } img { max-width: 100%; height: auto; } .clear { clear: both; } .f-left { float: left; } .fl-right { float: right; } .ead-tabs { background: #fff; padding: 5px 20px 0; } h1.ead-title{ margin-bottom: 10px; } .ead-tabs.visible { display: block; } #supportform p.submit { border: none !important; padding-top: 0px !important; } .nav-tab-wrapper a { border: none; padding: 7px 15px; margin: 0 10px 0 0; background: none; } .nav-tab-wrapper a:hover { border: none; background: none; } .nav-tab-wrapper a.nav-tab-active { background: #fff; } .form-table { margin-top: 0; margin-bottom: 30px; } h2.nav-tab-wrapper { border: none; padding-left: 0; } .row { margin: 0 -15px; } .ead-left-wrap { width: 66.66666667%; padding: 0 15px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ead-form-footer { margin: 0 -20px; padding: 20px; background: #f5f5f5; border-top: 1px solid #ddd; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .ead-form-footer p { margin: 0; float: right; padding: 0; } .purchase-key .ead-inputholder{ width: 90%; } /*--- Sidebar -----*/ .ead-right-wrap { float: left; width: 33.3333%; color: #372e2e; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .we-are-awsm { background: #fff; padding: 26px 20px; } .ead-right-inner { background: #fff; margin-bottom: 15px; } .ead-right-inner h3 { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; margin-bottom: 15px; font-size: 14px; color: #5b5b5b; font-weight: normal; } .ead-right-wrap ol { padding: 0 20px 15px; margin: 0 0 0 20px; } .ead-right-wrap ol a { text-decoration: none; } .awsm-branding { overflow: hidden; } .awsm-branding img { float: left; margin-right: 15px; } .left-clear { overflow: hidden; } .awsm-branding h2 { font-size: 12px; padding: 0; margin: 0; line-height: 1.6667; } .awsm-branding h3 { font-size: 18px; padding: 0 0 10px; margin: 0; } .awsm-branding h3 a { text-decoration: none; color: #333; } .awsm-social { list-style-type: none; margin: 0 -2px; } .awsm-social li { display: inline-block; padding: 0 2px; } .awsm-icon { background: url(../images/icon-sprite.png) no-repeat; display: block; width: 21px; height: 17px; text-indent: -999999px; opacity: 0.46; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .awsm-icon:hover { opacity: 1; } .awsm-icon-twitter { background-position: -26px 0; } .awsm-icon-github { background-position: -53px 0; } .awsm-icon-behance { background-position: -78px 0; width: 28px; } .awsm-icon-dribbble { background-position: right 0; } .paypal { text-align: center; } .paypal input.small { vertical-align: top; margin-right: 20px; } .paypal .donate-btn { vertical-align: top; padding: 0; } input.small { max-width: 60px; } .ead-frame-width { margin-right: 15px; margin-bottom: 10px; } .ead-frame-height { margin-bottom: 10px; } span.note, .ead-supported { font-size: 12px; color: #999; } div.awsm-error, div.awsm-updated { margin: 5px 0 2px; border-width: 1px 1px 1px 4px; border-style: solid; -webkit-border-radius: 4px; border-radius: 4px; } div.awsm-updated { background-color: #fff; border-color: #eee #eee #eee #7ad03a; padding: 1px 12px; } div.awsm-error { background: none repeat scroll 0 0 #fff; border-color: #eee #eee #eee #dd3d36; padding: 1px 12px; } div.awsm-error p, div.awsm-updated p { margin: 0.5em 0; padding: 2px; } .ead-doller { display: inline-block; vertical-align: top; margin: 5px 5px 0 0; font-weight: bold; } #supportform label { display: block; margin-bottom: 5px; font-weight: bold; } .text-input { width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #supportform textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 150px; } .ead-supported span { display: block; font-weight: bold; margin-top: 10px; } .supportedlist ul { margin-top: 5px; } .supportedlist li { padding-left: 17px; position: relative; } .supportedlist li span { position: absolute; left: 0; top: 3px; width: 11px; height: 11px; margin: 0; } .supportedlist li span.ead-check { background: url(../images/icon-yes.png) no-repeat; } .supportedlist li span.ead-close { background: url(../images/icon-no.png) no-repeat; } .col-left { float: left; width: 47%; margin-right: 6%; } .col-right { float: right; width: 47%; } .cloudform { margin: 0; } .cloudform > li { border: 1px solid #eee; -webkit-border-radius: 4px; border-radius: 4px; padding: 30px 10px; margin-bottom: 20px; overflow: hidden; } .ead-cloud { float: left; padding: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ead-cloud.ead-service { text-align: center; width: 14%; } .ead-cloud.ead-setup { width: 53%; } .ead-cloud.ead-config { width: 30%; } .ead-cloud span { display: block; font-weight: bold; color: #ccc; } .ead-cloud label { display: block; font-weight: bold; margin-bottom: 5px; } .ead-inputholder { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 5px; } .ead-inputholder input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ead-cloud ol { list-style: none; margin: 0; } .ead-right-widget { margin-bottom: 15px; } .row-2 { margin-left: -1px; margin-right: -1px; } .col-2 { float: left; padding: 0 1px; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .col-2 a { background: #fff; display: block; text-align: center; padding: 25px 10px; text-decoration: none; } .col-2 a img { display: block; margin: 0 auto 10px; } .settings_page_ead-plus-settings .nav-tab-wrapper { border: none; } @media (max-width: 1024px) { .ead-left-wrap { width: 100%; margin-bottom: 25px; } .ead-right-wrap { width: 100%; } } @media (max-width: 980px) { .col-left, .col-right { float: none; width: 100%; margin-right: 0%; } } @media (max-width: 600px) { .ead-cloud { width: 100% !important; text-align: left !important; float: none; margin-bottom: 20px; } .ead-inputholder { float: none; width: 100%; margin-bottom: 8px; } } .ead-banner{ margin-top: 40px; }