/* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Typography - Code - Tables - Spacing - Utilities - Clearing - General */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { position: relative; width: 98%; max-width: 1140px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { padding: 0; } } /* For devices larger than 550px */ @media (min-width: 992px) { .column, .columns { margin-left: 2%; } /* .column:first-child, .columns:first-child { margin-left: 0; } */ .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 46%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ .about-theme h1, .about-theme h2, .about-theme h3, .about-theme h4, .about-theme h5, .about-theme h6 { margin-top: 0; margin-bottom: 1rem; font-weight: 300; font-family: 'Poppins', sans-serif; color: #333; } .about-theme h1 { font-size: 2.8rem; font-weight: 500; line-height: 1.2; letter-spacing: -.1rem;} .about-theme h2 { font-size: 2rem; line-height: 1.25; letter-spacing: -.1rem; } .about-theme h3 { font-size: 1.8rem; line-height: 1.3; letter-spacing: -.1rem; } .about-theme h4 { font-size: 1.4rem; line-height: 1.35; letter-spacing: -.08rem; } .about-theme h5 { font-size: .8rem; line-height: 1.5; letter-spacing: -.05rem; } .about-theme h6 { font-size: .5rem; line-height: 1.6; letter-spacing: 0; } .about-theme { margin-top: 2rem; } .about-theme p { margin-top: 0; font-weight: 400; font-size: 1rem; font-family: 'Poppins', sans-serif; color: #32373c; } .ct-welcome-area { margin-right: 1.2rem; margin-left: 1.2rem; } .ct-welcome-area h1 { text-align: center; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { color: #1f1f1f; font-weight: 700; padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; border-radius: 4px; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 12px 12px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.4rem; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .block:after, .sub-block:after, .clearfix { content: ""; display: table; clear: both; } /* General –––––––––––––––––––––––––––––––––––––––––––––––––– */ .columns img{ width: 100%; } .about-title { text-align: center; margin: 0 auto !important; } .desc-button-container { text-align: center; margin: 2rem; } .about-pro th { padding: 15px; font-size: 16px; } .about-pro td { padding: 5px 15px; } .about-pro tr:nth-of-type(even) { background: #f7f7f7; } .about-pro td:first-of-type { padding-top: 10px; } .about-pro td:nth-of-type(2), .about-pro td:nth-of-type(3), .about-pro th:nth-of-type(2), .about-pro th:nth-of-type(3) { text-align: center; } .checkmark { color: #24b751; font-size: 17px; } .ct-action-buttons { display: flex; align-items: center; margin-bottom: 15px; } .pro-notice-dismiss { line-height: 2; margin-left: .5rem; } .left-margin-compare { margin-left: .3rem; } .right-margin-compare { margin-right: .3rem; } /* Get Started Button –––––––––––––––––––––––––––––––––––––––––––––––––– */ .notice .ct-button-padding { margin-bottom: 1em; } .ct-screenshot { background-color: #fff; padding: 20px; } .apex-screenshot img{ margin-bottom: 20px; } .apex-screenshot p { margin-bottom:1.4rem; } .apex-screenshot .button.button-primary.button-hero{ text-align: center; margin: 0 auto; display: block; } .apex-desh-hl{ background-color: #fff; padding: 20PX; border: 1px solid rgba(0,0,0,.125); margin-bottom: 20px; box-shadow: 0 0 10px #dad3d3; border-radius: 3px; } .apex-desh-hl h1{ margin-bottom: 1.4rem; color: #43c6ac; } .apex-n-doc{ background-color: #fff; padding: 20PX; border: 1px solid rgba(0,0,0,.125); margin-bottom: 20px; box-shadow: 0 0 10px #dad3d3; border-radius: 3px; } .apex-n-doc p{ margin-bottom: 0; } .apex-n-doc h3{ margin-bottom: 1.4rem; } .apex-n-doc h3 a{ text-decoration: none; color: #43c6ac; } .ct-button-padding.updating-message::before { margin-top: 12px; } .notice.ct-getstarted { text-align: center; padding: 40px !important; background-color: #f5f5f5; border: 6px solid #fff; } .ct-getstarted .ct-notice-h2, .ct-getstarted .plugin-install-notice { margin-bottom: 15px; } .ct-small { display: block; text-align: center; } .ct-theme-screenshot { float: left; margin: 10px 20px 10px 0; } .ct-theme-screenshot img { width: 210px; } .ct-theme-notice-content { width: 85%; } .ct-theme-notice-content h2 { line-height: 1.4; } .ct-re-plugin { margin-bottom: 20px; } .ct-content h3 { margin-bottom: 10px; } .ct-push-down { padding-top: 15px; display: inline-block; padding-left: 8px; } /*========================= Comparison Table ===========================*/ .comparison-table{ border-collapse:collapse; } .fa-check-square:before{ background-image: url('/assets/css/fonts/check.svg'); } .comparison-table td, .comparison-table th{ padding:10px 15px; border:1px solid #e9e9e9; min-width:130px; max-width:300px; text-align:center; } .comparison-table .comparison-table-section-header td{ font-weight:500; font-size:12px; padding-top:20px; color:#222; text-transform:uppercase; background:#f9f9f9; letter-spacing:1px; } .comparison-table .comparison-table-desc{ display:block; font-size:11px; color:#aaa; max-height:0; overflow:hidden; margin:0; } .comparison-table tr:hover .comparison-table-desc{ max-height:100px; color:#eee; padding-top:8px; transition:max-height .3s ease-in; } .comparison-table th{ background:#f9f9f9; font-weight:500; text-transform:uppercase; color:#666; padding-top:20px; padding-bottom:20px; letter-spacing:2px; font-size:14px; } .comparison-table .comparison-table-pro { background:#43c6ac; color:white; border-color:#43c6ac; } .comparison-table td:first-child { text-align:left; } .comparison-table .fa-check { color:#7ab55c; } .comparison-table .fa-close { color:#b55c68; } /** Comparison Table **/ .elementor-widget-comparison-table .comparison-table, .elementor-widget-comparison-table .comparison-table th, .elementor-widget-comparison-table .comparison-table td { border: unset; } .elementor-widget-comparison-table .comparison-table td, .elementor-widget-comparison-table .comparison-table th { padding: 20px; } .elementor-widget-comparison-table .comparison-table i { font-size: 22px; } .comparison-table tr { border-bottom: 1px solid #e5e5e5; } .eae-center-td { text-align: center; } tr.comparison-table-footer { border-bottom: unset; } .comparison-table-tfeatures { text-align: left !important; } .comparison-table-free { background-color: #f9f9f9; } .comparison-table-pro .eae-ct-buy-link { color: #fff; text-decoration: none; outline: none; } .eae-center-td .dashicons { font-size: 2rem; margin-bottom: 0.8rem; } .eae-ct-container .comparison-table { margin: 0 auto; } .ct-bordered { border: 1px solid rgba(0,0,0,.05); } .ct-img-col img { margin-bottom: .5rem; } .ct-theme-actions { float: right; } .ct-demo-text { display: inline; float: left; } .ct-welcome-upgrade-box{ border: 2px dashed #DDD; padding: 40px 100px; text-align: center; margin-top: 50px; background: #F6F6F6; } .upgrade-button { display: inline-block; padding: 14px 30px; background: #0185ba; color: #FFF; text-transform: uppercase; text-decoration: none; margin-top: 15px; font-weight: bold; }