/** * Table of Contents * * 1. Content * 1.1 - Text * 1.2 - Content Elements * 1.3 - Forms, Buttons, and Inputs * 1.4 - Headings * 1.5 - Links * 1.6 - Lists * 1.7 - Tables * 1.8 - Widgets * 2. Shortcode Elements * 2.1 - Accordions * 2.2 - Alerts * 2.3 - Boxes * 2.4 - Buttons * 2.5 - Calls to Action * 2.6 - Clear Floats * 2.7 - Columns * 2.8 - Highlights * 2.9 - Icons * 2.10 - Tabs * 2.11 - Toggles * 3. Media * 3.1 - Embeds * 3.2 - Figures * 3.3 - Galleries * 3.4 - Images * 4. Scaffolding * 4.1 - Alignment * 4.2 - Clearfix * 4.3 - Dropdowns * 4.4 - Flexslider * 4.5 - Font Awesome * 4.6 - Full Width Backgrounds * 4.7 - Sidebar Layouts * 4.8 - Widget Areas * 5. Layout and Structure * 5.1 - Layout * 5.2 - Navigation * 5.3 - Archives * 5.4 - Entries * 5.5 - Comments * 6. Custom Post Types * 6.1 - FAQs * 6.2 - Features * 6.3 - Portfolio * 6.4 - Services * 6.5 - Testimonials * 7. Special Features * 7.1 - Featured Slider * 7.2 - Homepage Top Feature * 7.3 - Widgetized Homepage * 7.4 - Page Templates * 8. Plugins * 8.1 - Contact Form 7 * 8.2 - Jetpack * 9. Miscellaneous */ /*----------------------------------------------------------------------------- 1. =Content -----------------------------------------------------------------------------*/ /*------------------------------------- 1.1 =Text -------------------------------------*/ body { background-color: #ffffff; color: #8f8f8f; line-height: 1.625; } body.layout-mode-boxed { background-color: #f3f3f3; } body.wp-editor { font-family: sans-serif; /* The Normalize rule is overridden by the WP editor stylesheet */ } .background-color-alt { background-color: #fcfcfc; color: #8a8a8a; } .background-color-accent { background-color: #666666; color: #c2c2c2; } .background-color-dark { background-color: #3d3d3d; color: #c2c2c2; } /* Text meant only for screen readers */ .screen-reader-text, .wpcf7 .screen-reader-response { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; width: 1px; height: 1px; } /*------------------------------------- 1.2 =Content Elements -------------------------------------*/ /* Addresses */ address { display: inline-block; margin: 0 0 1.733em; padding: 1.133em 1.4em; background-color: #fafafa; font-size: 0.938em; font-style: normal; line-height: 1.5; } .background-color-alt address { background-color: #f3f3f3; } .background-color-accent address { background-color: #5e5e5e; } .background-color-dark address { background-color: #363636; } /* Horizontal rules */ hr { border: 0; height: 1px; margin: 2.625em 4.25em; background-color: #f3f3f3; } .background-color-alt hr { background-color: #e6e6e6; } .background-color-accent hr { background-color: #5c5c5c; } .background-color-dark hr { background-color: #333333; } /* Paragraphs */ p { margin: 0 0 1.625em; } /* Preformatted text */ pre { margin: 0 0 2em; padding: 1.385em 1.615em; background-color: #fafafa; color: #757575; font-family: Monaco, "Lucida Console", monospace; font-size: 0.813em; line-height: 1.5; word-wrap: normal; } .background-color-alt pre { background-color: #f3f3f3; color: #707070; } .background-color-accent pre { background-color: #5e5e5e; color: #dbdbdb; } .background-color-dark pre { background-color: #363636; color: #dbdbdb; } /* Quotes */ blockquote { display: table; position: relative; margin: 0 0 1.625em 1.625em; padding: 1.375em 1.625em; background-color: #fafafa; line-height: 1.5; } .background-color-alt blockquote { background-color: #f3f3f3; } .background-color-accent blockquote { background-color: #5e5e5e; } .background-color-dark blockquote { background-color: #363636; } blockquote:before { position: absolute; top: -0.13em; left: -0.3em; color: #e6e6e6; font-family: Georgia, serif; font-size: 6em; content: "\201c"; } .background-color-alt blockquote:before { color: #dddddd; } .background-color-accent blockquote:before { color: #545454; } .background-color-dark blockquote:before { color: #2b2b2b; } blockquote p { margin: 0; font-size: 0.938em; font-style: italic; } blockquote cite { display: block; margin-top: 1em; color: #c5c5c5; font-size: 1.063em; text-align: right; } .background-color-alt blockquote cite { color: #b9b9b9; } .background-color-accent blockquote cite { color: #d1d1d1; } .background-color-dark blockquote cite { color: #adadad; } q { font-style: italic; quotes: "" ""; } /* Inline tags */ abbr[title], time[title] { border-bottom: 1px dotted rgba(0, 0, 0, 0.2); cursor: help; } .background-color-accent abbr[title], .background-color-accent time[title], .background-color-dark abbr[title], .background-color-dark time[title] { border-color: rgba(255, 255, 255, 0.3); } .wp-editor abbr[title], .wp-editor time[title] { cursor: inherit; } code, kbd, samp, var { padding: 0 0.25em; border-radius: 0.214em; background-color: #f3f3f3; color: #757575; font-family: Monaco, "Lucida Console", monospace; font-size: 0.875em; font-style: normal; } .background-color-alt code, .background-color-alt kbd, .background-color-alt samp, .background-color-alt var { background-color: #e6e6e6; color: #707070; } .background-color-accent code, .background-color-accent kbd, .background-color-accent samp, .background-color-accent var { background-color: #5e5e5e; color: #dbdbdb; } .background-color-dark code, .background-color-dark kbd, .background-color-dark samp, .background-color-dark var { background-color: #363636; color: #dbdbdb; } del, s { opacity: 0.5; } ins { border-bottom: 1px solid #6cc550; text-decoration: none; } mark, .wpcmsdev-highlight { border-radius: 2px; padding: 0 0.2em 0 0.25em; color: #555; } .background-color-accent mark, .background-color-dark mark { background-color: #ffff4d; } small { font-style: italic; font-size: inherit; } /*------------------------------------- 1.3 =Forms, Buttons, and Inputs -------------------------------------*/ /* Forms */ fieldset { margin: 0 0 1.625em; padding: 1.625em 1.625em 0; border-color: #f3f3f3; } .background-color-alt fieldset { border-color: #e6e6e6; } .background-color-accent fieldset { border-color: #545454; } .background-color-dark fieldset { border-color: #2b2b2b; } legend { margin: 0 0 -0.5em 1em; padding: 0 0.5em; color: #c5c5c5; font-size: 0.813em; line-height: 1.0; text-transform: uppercase; } .background-color-alt legend { color: #b9b9b9; } .background-color-accent legend { color: #d1d1d1; } .background-color-dark legend { color: #adadad; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .wpcmsdev-button, .comment-reply-link, #cancel-comment-reply-link { display: inline-block; border: 0; border-radius: 0.188em; box-sizing: border-box; padding: 0.688em 1.25em; min-width: 10em; height: 2.625em; background-color: #999999; color: #ffffff; font-weight: inherit; line-height: 1.25; /* Match Firefox fixed line height */ text-align: center; transition: background-color 0.2s, color 0.2s; } button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .wpcmsdev-button:active, .comment-reply-link:active, #cancel-comment-reply-link:active, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .wpcmsdev-button:focus, .comment-reply-link:focus, #cancel-comment-reply-link:focus, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wpcmsdev-button:hover, .comment-reply-link:hover, #cancel-comment-reply-link:hover, .primary-navigation .mobile-menu-toggle.active { background-color: #808080; color: #ffffff; text-decoration: none; } .wp-editor .wpcmsdev-button:active, .wp-editor .wpcmsdev-button:focus, .wp-editor .wpcmsdev-button:hover { color: #ffffff; background-color: #999999; font-weight: inherit; } .wp-editor .wpcmsdev-button i { cursor: text; } button, input[type="button"], input[type="reset"], input[type="submit"] { width: 12em; } button .fa, .wpcmsdev-button .fa { float: right; border-left: 1px solid rgba(0, 0, 0, 0.15); margin-left: 0.7em; padding-left: 0.7em; line-height: inherit; } .wpcmsdev-button-small, .comment-reply-link, #cancel-comment-reply-link { border-radius: 0.231em; padding: 0.385em 0.75em; width: auto; height: auto; min-width: 0; font-size: 0.813em; } /* Inputs */ input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], textarea { border: 1px solid #f3f3f3; border-radius: 0.188em; box-sizing: border-box; padding: 0.625em 0.813em; width: 20em; height: 2.625em; background-color: #fafafa; color: #666666; line-height: 1.25; /* Match Firefox fixed line height */ box-shadow: inset 0 0 0.813em rgba(0, 0, 0, 0.03); transition: border-color 0.2s; } .background-color-alt input[type="email"], .background-color-alt input[type="password"], .background-color-alt input[type="search"], .background-color-alt input[type="text"], .background-color-alt input[type="url"], .background-color-alt textarea { background-color: #f3f3f3; border-color: #e6e6e6; color: #8a8a8a; } .background-color-accent input[type="email"], .background-color-accent input[type="password"], .background-color-accent input[type="search"], .background-color-accent input[type="text"], .background-color-accent input[type="url"], .background-color-accent textarea { background-color: #5e5e5e; border-color: #545454; color: #c2c2c2; } .background-color-dark input[type="email"], .background-color-dark input[type="password"], .background-color-dark input[type="search"], .background-color-dark input[type="text"], .background-color-dark input[type="url"], .background-color-dark textarea { background-color: #363636; border-color: #2b2b2b; color: #c2c2c2; } input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus { border-color: #d4d4d4; outline: 0; } .background-color-alt input[type="email"]:focus, .background-color-alt input[type="password"]:focus, .background-color-alt input[type="search"]:focus, .background-color-alt input[type="text"]:focus, .background-color-alt input[type="url"]:focus, .background-color-alt textarea:focus { border-color: #c7c7c7; } .background-color-accent input[type="email"]:focus, .background-color-accent input[type="password"]:focus, .background-color-accent input[type="search"]:focus, .background-color-accent input[type="text"]:focus, .background-color-accent input[type="url"]:focus, .background-color-accent textarea:focus { border-color: #474747; } .background-color-dark input[type="email"]:focus, .background-color-dark input[type="password"]:focus, .background-color-dark input[type="search"]:focus, .background-color-dark input[type="text"]:focus, .background-color-dark input[type="url"]:focus, .background-color-dark textarea:focus { border-color: #212121; } input[type="email"]:invalid, input[type="password"]:invalid, input[type="search"]:invalid, input[type="text"]:invalid, input[type="url"]:invalid, textarea:invalid, input[type="email"].invalid, input[type="password"].invalid, input[type="search"].invalid, input[type="text"].invalid, input[type="url"].invalid, textarea.invalid, .wpcf7 .wpcf7-not-valid { border-color: #c40233 !important; } textarea { padding: 0.6em 0.867em; width: 21.333em; height: auto; font-size: 0.938em; } ::-webkit-input-placeholder { color: #c5c5c5; } .background-color-alt ::-webkit-input-placeholder { color: #b9b9b9; } .background-color-accent ::-webkit-input-placeholder { color: #d1d1d1; } .background-color-dark ::-webkit-input-placeholder { color: #adadad; } ::-moz-placeholder { color: #c5c5c5; opacity: 1.0; } .background-color-alt ::-moz-placeholder { color: #b9b9b9; } .background-color-accent ::-moz-placeholder { color: #d1d1d1; } .background-color-dark ::-moz-placeholder { color: #adadad; } input:-ms-input-placeholder { color: #c5c5c5; } .background-color-alt input:-ms-input-placeholder { color: #b9b9b9; } .background-color-accent input:-ms-input-placeholder { color: #d1d1d1; } .background-color-dark input:-ms-input-placeholder { color: #adadad; } select { max-width: 100%; } /* Search form */ .search-form .search-field { width: 100%; } .search-form .search-submit { display: none; } /*------------------------------------- 1.4 =Headings -------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 1.625em; color: #525252; font-size: 1em; letter-spacing: -0.5px; line-height: 1.5; } .background-color-alt h1, .background-color-alt h2, .background-color-alt h3, .background-color-alt h4, .background-color-alt h5, .background-color-alt h6 { color: #4e4e4e; } .background-color-accent h1, .background-color-accent h2, .background-color-accent h3, .background-color-accent h4, .background-color-accent h5, .background-color-accent h6 { color: #f0f0f0; } .background-color-dark h1, .background-color-dark h2, .background-color-dark h3, .background-color-dark h4, .background-color-dark h5, .background-color-dark h6 { color: #f7f7f7; } h1 { margin-bottom: 0.615em; font-size: 2.625em; line-height: 1.2; } h2 { margin-bottom: 1em; font-size: 1.625em; line-height: 1.3; } h3 { margin-bottom: 1.3em; font-size: 1.25em; line-height: 1.4; } /*------------------------------------- 1.5 =Links -------------------------------------*/ a { color: #808080; font-weight: bold; text-decoration: none; transition: color 0.2s; } .background-color-alt a:not(.wpcmsdev-button) { color: #808080; } .background-color-accent a:not(.wpcmsdev-button) { color: #eeeeee; } .background-color-dark a:not(.wpcmsdev-button) { color: #eeeeee; } a:active, a:focus, a:hover { color: #666666; text-decoration: underline; } .background-color-alt a:active:not(.wpcmsdev-button), .background-color-alt a:focus:not(.wpcmsdev-button), .background-color-alt a:hover:not(.wpcmsdev-button) { color: #666666; } .background-color-accent a:active:not(.wpcmsdev-button), .background-color-accent a:focus:not(.wpcmsdev-button), .background-color-accent a:hover:not(.wpcmsdev-button) { color: #ffffff; } .background-color-dark a:active:not(.wpcmsdev-button), .background-color-dark a:focus:not(.wpcmsdev-button), .background-color-dark a:hover:not(.wpcmsdev-button) { color: #ffffff; } .wp-editor a { transition: none; /* Keeps buttons and links from transitioning from the default blue to the theme color when the editor is loaded. */ } .wp-editor a:active, .wp-editor a:focus, .wp-editor a:hover { color: #808080; text-decoration: none; } /*------------------------------------- 1.6 =Lists -------------------------------------*/ ol, ul { margin: 0 0 1.625em; padding-left: 1.625em; } li > ol, li > ul { margin: 0; padding-left: 2.625em; } .entry-content li, .comment-content li { position: relative; padding-left: 0.813em; list-style: none; } .entry-content ol, .comment-content ol { padding-left: 0.25em; counter-reset: li; } .entry-content ol > li, .comment-content ol > li { padding-left: 2.6em; } .entry-content ol > li:before, .comment-content ol > li:before { position: absolute; top: 0; left: 0; width: 2.25em; color: #c5c5c5; text-align: right; content: counter(li) "."; counter-increment: li; } .background-color-alt .entry-content ol > li:before, .background-color-alt .comment-content ol > li:before { color: #b9b9b9; } .background-color-accent .entry-content ol > li:before, .background-color-accent .comment-content ol > li:before { color: #d1d1d1; } .background-color-dark .entry-content ol > li:before, .background-color-dark .comment-content ol > li:before { color: #adadad; } .entry-content ul > li:before, .entry-content ul > li:before, .comment-content ul > li:before, .comment-content ul > li:before { position: absolute; top: 0; left: 0; color: #c5c5c5; font-family: "FontAwesome"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "\f105"; } .background-color-alt .entry-content ul > li:before, .background-color-alt .entry-content ul > li:before, .entry-content .background-color-alt ul > li:before, .entry-content .background-color-alt ul > li:before { color: #b9b9b9; } .background-color-accent .entry-content ul > li:before, .background-color-accent .entry-content ul > li:before, .entry-content .background-color-accent ul > li:before, .entry-content .background-color-accent ul > li:before { color: #d1d1d1; } .background-color-dark .entry-content ul > li:before, .background-color-dark .entry-content ul > li:before, .entry-content .background-color-dark ul > li:before, .entry-content .background-color-dark ul > li:before { color: #adadad; } dl { margin: 0 1.733em 1.733em; font-size: 0.938em; line-height: 1.5; } dl dt { font-weight: bold; font-style: italic; } dl dd { margin: 0 2.438em 0.813em; } /*------------------------------------- 1.7 =Tables -------------------------------------*/ table { margin: 0 0 1.733em; width: 100%; background-color: #fafafa; font-size: 0.938em; line-height: 1.5; } .background-color-alt table { background-color: #f3f3f3; } .background-color-accent table { background-color: #5e5e5e; } .background-color-dark table { background-color: #363636; } table caption { padding: 0.5em; background-color: #363636; color: #c2c2c2; font-size: 1.133em; text-align: center; } .background-color-accent table caption { background-color: #4d4d4d; color: #c2c2c2; } .background-color-dark table caption { background-color: #242424; } table th, table tfoot td { padding: 0.77em 1em; background-color: #3d3d3d; color: #adadad; font-size: 0.867em; font-weight: normal; text-align: left; text-transform: uppercase; vertical-align: bottom; } .background-color-accent table th, .background-color-accent table tfoot td { background-color: #545454; color: #d1d1d1; } .background-color-dark table th, .background-color-dark table tfoot td { background-color: #2b2b2b; } table tfoot td { vertical-align: top; } table caption a, table th a, table tfoot a { color: #eeeeee; } .background-color-alt table caption a, .background-color-alt table th a, .background-color-alt table tfoot a { color: #eeeeee; } .background-color-accent table caption a, .background-color-accent table th a, .background-color-accent table tfoot a { color: #eeeeee; } table caption a:active, table th a:active, table tfoot a:active, table caption a:focus, table th a:focus, table tfoot a:focus, table caption a:hover, table th a:hover, table tfoot a:hover { color: #ffffff; } .background-color-alt table caption a:active, .background-color-alt table th a:active, .background-color-alt table tfoot a:active, .background-color-alt table caption a:focus, .background-color-alt table th a:focus, .background-color-alt table tfoot a:focus, .background-color-alt table caption a:hover, .background-color-alt table th a:hover, .background-color-alt table tfoot a:hover { color: #ffffff; } .background-color-accent table caption a:active, .background-color-accent table th a:active, .background-color-accent table tfoot a:active, .background-color-accent table caption a:focus, .background-color-accent table th a:focus, .background-color-accent table tfoot a:focus, .background-color-accent table caption a:hover, .background-color-accent table th a:hover, .background-color-accent table tfoot a:hover { color: #ffffff; } table td { padding: 0.667em 0.867em; vertical-align: top; } table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.02); } .background-color-alt table tr:nth-child(even), .background-color-accent table tr:nth-child(even), .background-color-dark table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.03); } /*------------------------------------- 1.8 =Widgets -------------------------------------*/ .widget { line-height: 1.5; word-wrap: break-word; } .widget-title, .modular-homepage .homepage-module-title { margin-bottom: 1.625em; font-size: inherit; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; } /* General list-type widget styles */ .widget > ul { margin: 0; padding: 0; list-style: none; } .widget > ul ul { list-style: none; } .widget > ul a span { display: block; color: #d1d1d1; font-style: italic; } .background-color-alt .widget > ul a span { color: #b9b9b9; } .background-color-accent .widget > ul a span { color: #d1d1d1; } .background-color-dark .widget > ul a span { color: #adadad; } .widget ul ul li, .widget:not(.widget_recent_comments):not(.widget_rss) > ul li + li { margin-top: 1px; } .widget:not(.widget_recent_comments):not(.widget_rss) > ul a, .widget li > span.current { display: block; border-radius: 0.188em; padding: 0.885em 1em; background-color: #fafafa; color: #8f8f8f; font-size: 0.813em; font-weight: normal; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .background-color-accent .widget:not(.widget_recent_comments):not(.widget_rss) > ul a, .background-color-accent .widget li > span.current { background-color: #5e5e5e; color: #c2c2c2; } .background-color-alt .widget:not(.widget_recent_comments):not(.widget_rss) > ul a, .background-color-alt .widget li > span.current { background-color: #f3f3f3; color: #8a8a8a; } .background-color-dark .widget:not(.widget_recent_comments):not(.widget_rss) > ul a, .background-color-dark .widget li > span.current { background-color: #363636; color: #c2c2c2; } .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:active, .widget li > span.current:active, .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:focus, .widget li > span.current:focus, .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:hover, .widget li > span.current:hover { background-color: #f3f3f3; } .background-color-alt .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:active, .background-color-alt .widget li > span.current:active, .background-color-alt .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:focus, .background-color-alt .widget li > span.current:focus, .background-color-alt .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:hover, .background-color-alt .widget li > span.current:hover { background-color: #e6e6e6; } .background-color-accent .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:active, .background-color-accent .widget li > span.current:active, .background-color-accent .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:focus, .background-color-accent .widget li > span.current:focus, .background-color-accent .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:hover, .background-color-accent .widget li > span.current:hover { background-color: #545454; } .background-color-dark .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:active, .background-color-dark .widget li > span.current:active, .background-color-dark .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:focus, .background-color-dark .widget li > span.current:focus, .background-color-dark .widget:not(.widget_recent_comments):not(.widget_rss) > ul a:hover, .background-color-dark .widget li > span.current:hover { background-color: #2b2b2b; } .widget li > span.current.current { background-color: #f3f3f3; } /* Calendar widget */ .widget_calendar tfoot a { font-weight: inherit; } .widget_calendar tfoot td:last-child { text-align: right; } /* Recent Comments widget */ .widget_recent_comments > ul { border-radius: 0.188rem; padding: 1em; background-color: #fcfcfc; font-size: 0.813em; } .background-color-alt .widget_recent_comments > ul { background-color: #f3f3f3; } .background-color-accent .widget_recent_comments > ul { background-color: #5e5e5e; } .background-color-dark .widget_recent_comments > ul { background-color: #363636; } .widget_recent_comments li { display: table; } .widget_recent_comments li + li { margin-top: 1em; } .widget_recent_comments li > span { display: table-cell; } .widget_recent_comments .avatar-container { min-width: 3.438em; } .widget_recent_comments .avatar { border-radius: 50%; width: 2.625em; height: 2.625em; vertical-align: bottom; } .widget_recent_comments .comment-info { vertical-align: middle; } .widget_recent_comments .comment-info a { word-break: break-word; } /* RSS widget */ .widget_rss li + li { margin-top: 1.625em; } .widget_rss a.rsswidget { font-weight: bold; } .widget_rss .rss-date { white-space: nowrap; } .widget_rss .rss-date, .widget_rss cite { color: #c5c5c5; font-size: 0.813em; font-style: italic; } .background-color-alt .widget_rss .rss-date, .background-color-alt .widget_rss cite { color: #b9b9b9; } .background-color-accent .widget_rss .rss-date, .background-color-accent .widget_rss cite { color: #d1d1d1; } .background-color-dark .widget_rss .rss-date, .background-color-dark .widget_rss cite { color: #adadad; } .widget_rss .rssSummary { font-size: 0.813em; } /* Tag cloud widget */ .widget .tagcloud { padding: 1em; background-color: #fcfcfc; } .background-color-alt .widget .tagcloud { background-color: #f3f3f3; } .background-color-accent .widget .tagcloud { background-color: #5e5e5e; } .background-color-dark .widget .tagcloud { background-color: #363636; } /* Text widget */ .textwidget > :last-child { margin-bottom: 0; } /*----------------------------------------------------------------------------- 2. =Shortcode Elements -----------------------------------------------------------------------------*/ /*------------------------------------- 2.1 =Accordions -------------------------------------*/ .wpcmsdev-accordion { border-radius: 0.25em; margin: 0 0 1.625em; overflow: hidden; background-color: #fafafa; line-height: 1.5; } .background-color-alt .wpcmsdev-accordion { background-color: #f3f3f3; } .background-color-accent .wpcmsdev-accordion { background-color: #5e5e5e; } .background-color-dark .wpcmsdev-accordion { background-color: #363636; } .wpcmsdev-accordion .accordion-item.active .accordion-item-title.accordion-item-title .icon-for-active { display: inline-block; opacity: 0.25; } .wpcmsdev-accordion .accordion-item.active .accordion-item-title.accordion-item-title .icon-for-inactive { display: none; } .wpcmsdev-accordion .accordion-item-title.accordion-item-title { margin: 0; font-size: inherit; font-weight: inherit; } .wpcmsdev-accordion .accordion-item-title.accordion-item-title a { display: block; box-sizing: border-box; padding: 0.688em 0.813em; background-color: #999999; color: #ffffff; font-weight: inherit; text-decoration: none; } .wpcmsdev-accordion .accordion-item-title.accordion-item-title a:active, .wpcmsdev-accordion .accordion-item-title.accordion-item-title a:hover, .wpcmsdev-accordion .accordion-item-title.accordion-item-title a:focus { background-color: #808080; color: #ffffff; } .wpcmsdev-accordion .accordion-item-title.accordion-item-title a .fa { margin-right: 0.813em; opacity: 0.8; } .wpcmsdev-accordion .accordion-item-title.accordion-item-title a .fa.icon-for-active { display: none; } .wpcmsdev-accordion .accordion-item-content { border: 0.25em solid #f3f3f3; border-top: 0; border-bottom-width: 0; padding: 1.625em; } .wpcmsdev-accordion .accordion-item-content > :last-child { margin-bottom: 0; } .wpcmsdev-accordion > :last-child .accordion-item-content { border-bottom-width: 0.25em; } /*------------------------------------- 2.2 =Alerts -------------------------------------*/ .wpcmsdev-alert, .wpcf7 .wpcf7-response-output { border: 0.25em solid #f3f3f3; border-radius: 0.188rem; margin: 0 0 1.625em; padding: 1.375em 1.625em; background-color: #fafafa; line-height: 1.5; } .background-color-alt .wpcmsdev-alert { border-color: #e6e6e6; background-color: #f3f3f3; color: #8a8a8a; } .background-color-accent .wpcmsdev-alert { border-color: #545454; background-color: #5e5e5e; color: #c2c2c2; } .background-color-dark .wpcmsdev-alert { border-color: #2b2b2b; background-color: #363636; color: #c2c2c2; } .wpcmsdev-alert.has-icon, .wpcmsdev-alert.error, .wpcmsdev-alert.info, .wpcmsdev-alert.success, .wpcmsdev-alert.warning, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors { position: relative; padding-left: 4.25em; } .wpcmsdev-alert.has-icon > .fa, .wpcmsdev-alert.error:before, .wpcmsdev-alert.info:before, .wpcmsdev-alert.success:before, .wpcmsdev-alert.warning:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before, .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked:before, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors:before { position: absolute; top: 50%; left: 0.813em; margin-top: -0.5em; font-size: 2em !important; opacity: 0.6; } .wpcmsdev-alert .alert-content { font-size: 0.938em; } .wpcmsdev-alert .alert-content > :last-child { margin-bottom: 0; } .wpcmsdev-alert.color-black { border-color: #cccccc; background-color: #f9f9f9; color: #3a3a3a; } .wpcmsdev-alert.color-blue { border-color: #bed9e4; background-color: #f7fbfd; color: #0078a9; } .wpcmsdev-alert.color-gray { border-color: #dadada; background-color: #fbfbfb; color: #7e7e7e; } .wpcmsdev-alert.color-green, .wpcmsdev-alert.success, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #beded4; background-color: #f7fcfb; color: #008b5d; } .wpcmsdev-alert.color-orange, .wpcmsdev-alert.warning, .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked { border-color: #ecd7be; background-color: #fefbf7; color: #cf7200; } .wpcmsdev-alert.color-red, .wpcmsdev-alert.error, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors { border-color: #e6bfc9; background-color: #fdf7f9; color: #b0022e; } .wpcmsdev-alert.color-violet { border-color: #d2bee5; background-color: #faf7fd; color: #5900ae; } .wpcmsdev-alert.color-yellow { border-color: #f1e9be; background-color: #fffef7; color: #cca900; } .wpcmsdev-alert.error:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng:before, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors:before { content: "\f06a"; } .wpcmsdev-alert.info:before { content: "\f05a"; } .wpcmsdev-alert.success:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before { content: "\f058"; } .wpcmsdev-alert.warning:before, .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked:before { content: "\f06a"; } /*------------------------------------- 2.3 =Boxes -------------------------------------*/ .wpcmsdev-box { border-radius: 0.188rem; overflow: hidden; margin: 0 0 1.625em; line-height: 1.5; } .wpcmsdev-box .box-title { margin: 0; padding: 0.813em 1.625em; background-color: #f3f3f3; font-size: inherit; } .background-color-alt .wpcmsdev-box .box-title { background-color: #e6e6e6; color: #8a8a8a; } .background-color-accent .wpcmsdev-box .box-title { background-color: #545454; color: #c2c2c2; } .background-color-dark .wpcmsdev-box .box-title { background-color: #2b2b2b; color: #c2c2c2; } .wpcmsdev-box.color-black .box-title { background-color: #cccccc; } .wpcmsdev-box.color-blue .box-title { background-color: #bed9e4; } .wpcmsdev-box.color-gray .box-title { background-color: #dadada; } .wpcmsdev-box.color-green .box-title { background-color: #beded4; } .wpcmsdev-box.color-orange .box-title { background-color: #ecd7be; } .wpcmsdev-box.color-red .box-title { background-color: #e6bfc9; } .wpcmsdev-box.color-violet .box-title { background-color: #d2bee5; } .wpcmsdev-box.color-yellow .box-title { background-color: #f1e9be; } .wpcmsdev-box .box-content { border: 0.25em solid #f3f3f3; border-top: 0; padding: 1.375em 1.625em; background-color: #fafafa; } .background-color-alt .wpcmsdev-box .box-content { border-color: #e6e6e6; background-color: #f3f3f3; color: #8a8a8a; } .background-color-accent .wpcmsdev-box .box-content { border-color: #545454; background-color: #5e5e5e; color: #c2c2c2; } .background-color-dark .wpcmsdev-box .box-content { border-color: #2b2b2b; background-color: #363636; color: #c2c2c2; } .wpcmsdev-box .box-content > :last-child { margin-bottom: 0; } .wpcmsdev-box.color-black .box-content { border-color: #cccccc; background-color: #f9f9f9; color: #3a3a3a; } .wpcmsdev-box.color-blue .box-content { border-color: #bed9e4; background-color: #f7fbfd; color: #0078a9; } .wpcmsdev-box.color-gray .box-content { border-color: #dadada; background-color: #fbfbfb; color: #7e7e7e; } .wpcmsdev-box.color-green .box-content { border-color: #beded4; background-color: #f7fcfb; color: #008b5d; } .wpcmsdev-box.color-orange .box-content { border-color: #ecd7be; background-color: #fefbf7; color: #cf7200; } .wpcmsdev-box.color-red .box-content { border-color: #e6bfc9; background-color: #fdf7f9; color: #b0022e; } .wpcmsdev-box.color-violet .box-content { border-color: #d2bee5; background-color: #faf7fd; color: #5900ae; } .wpcmsdev-box.color-yellow .box-content { border-color: #f1e9be; background-color: #fffef7; color: #cca900; } /*------------------------------------- 2.4 =Buttons -------------------------------------*/ .wpcmsdev-button.color-black { background-color: #444444; } .wpcmsdev-button.color-black:active, .wpcmsdev-button.color-black:focus, .wpcmsdev-button.color-black:hover { background-color: #323232; color: #eee; } .wpcmsdev-button.color-blue { background-color: #0087bd; } .wpcmsdev-button.color-blue:active, .wpcmsdev-button.color-blue:focus, .wpcmsdev-button.color-blue:hover { background-color: #006e99; color: #eee; } .wpcmsdev-button.color-gray { background-color: #888888; } .wpcmsdev-button.color-gray:active, .wpcmsdev-button.color-gray:focus, .wpcmsdev-button.color-gray:hover { background-color: #767676; color: #eee; } .wpcmsdev-button.color-green { background-color: #009f6b; } .wpcmsdev-button.color-green:active, .wpcmsdev-button.color-green:focus, .wpcmsdev-button.color-green:hover { background-color: #007b53; color: #eee; } .wpcmsdev-button.color-orange { background-color: #e37d00; } .wpcmsdev-button.color-orange:active, .wpcmsdev-button.color-orange:focus, .wpcmsdev-button.color-orange:hover { background-color: #bf6900; color: #eee; } .wpcmsdev-button.color-red { background-color: #c40233; } .wpcmsdev-button.color-red:active, .wpcmsdev-button.color-red:focus, .wpcmsdev-button.color-red:hover { background-color: #a1022a; color: #eee; } .wpcmsdev-button.color-violet { background-color: #6400c2; } .wpcmsdev-button.color-violet:active, .wpcmsdev-button.color-violet:focus, .wpcmsdev-button.color-violet:hover { background-color: #52009e; color: #eee; } .wpcmsdev-button.color-white { background-color: #eee; color: #444444; } .wpcmsdev-button.color-white:active, .wpcmsdev-button.color-white:focus, .wpcmsdev-button.color-white:hover { background-color: #d5d5d5; color: #2b2b2b; } .wpcmsdev-button.color-yellow { background-color: #ffd300; color: #444444; } .wpcmsdev-button.color-yellow:active, .wpcmsdev-button.color-yellow:focus, .wpcmsdev-button.color-yellow:hover { background-color: #dbb500; color: #2b2b2b; } /*------------------------------------- 2.5 =Calls-to-action -------------------------------------*/ .wpcmsdev-call-to-action { border: 0.25em solid #f3f3f3; border-radius: 0.188rem; margin: 0 0 1.625em; padding: 1.375em 1.625em; background-color: #fafafa; line-height: 1.5; } .background-color-alt .wpcmsdev-call-to-action { border-color: #e6e6e6; background-color: #f3f3f3; color: #8a8a8a; } .background-color-accent .wpcmsdev-call-to-action { border-color: #545454; background-color: #5e5e5e; color: #c2c2c2; } .background-color-dark .wpcmsdev-call-to-action { border-color: #2b2b2b; background-color: #363636; color: #c2c2c2; } .wpcmsdev-call-to-action .call-to-action-content > :last-child { margin-bottom: 0; } @media ( max-width: 56.25em ) { .wpcmsdev-call-to-action .call-to-action-content { text-align: center; } } .wpcmsdev-call-to-action .call-to-action-button { text-align: center; } @media ( max-width: 56.25em ) { .wpcmsdev-call-to-action .call-to-action-button { margin-top: 1.625em; } } @media ( max-width: 37.5em ) { .wpcmsdev-call-to-action .call-to-action-button .wpcmsdev-button { width: 100%; } } .wpcmsdev-call-to-action.layout-horizontal .call-to-action-button .wpcmsdev-button { width: 100%; } @media ( max-width: 56.25em ) { .wpcmsdev-call-to-action.layout-horizontal .call-to-action-button .wpcmsdev-button { max-width: 12em; } } @media ( max-width: 37.5em ) { .wpcmsdev-call-to-action.layout-horizontal .call-to-action-button .wpcmsdev-button { max-width: 100%; } } .wpcmsdev-call-to-action.layout-vertical .call-to-action-content { text-align: center; } .wpcmsdev-call-to-action.layout-vertical .call-to-action-button { margin-top: 1.625em; } .wpcmsdev-call-to-action.layout-vertical .call-to-action-button .wpcmsdev-button { min-width: 12em; } .wpcmsdev-call-to-action.color-black { border-color: #cccccc; background-color: #f9f9f9; color: #3a3a3a; } .wpcmsdev-call-to-action.color-blue { border-color: #bed9e4; background-color: #f7fbfd; color: #0078a9; } .wpcmsdev-call-to-action.color-gray { border-color: #dadada; background-color: #fbfbfb; color: #7e7e7e; } .wpcmsdev-call-to-action.color-green { border-color: #beded4; background-color: #f7fcfb; color: #008b5d; } .wpcmsdev-call-to-action.color-orange { border-color: #ecd7be; background-color: #fefbf7; color: #cf7200; } .wpcmsdev-call-to-action.color-red { border-color: #e6bfc9; background-color: #fdf7f9; color: #b0022e; } .wpcmsdev-call-to-action.color-violet { border-color: #d2bee5; background-color: #faf7fd; color: #5900ae; } .wpcmsdev-call-to-action.color-yellow { border-color: #f1e9be; background-color: #fffef7; color: #cca900; } /*------------------------------------- 2.6 =Clear Floats -------------------------------------*/ .wpcmsdev-clear-floats { clear: both; } /*------------------------------------- 2.7 =Columns -------------------------------------*/ .wpcmsdev-columns .column { float: left; margin-right: 4%; } .wpcmsdev-columns .column.column-width-one-half { width: 48%; } .wpcmsdev-columns .column.column-width-one-third { width: 30.666667%; } .wpcmsdev-columns .column.column-width-two-thirds { width: 65.333334%; } .wpcmsdev-columns .column.column-width-one-fourth { width: 22%; } .wpcmsdev-columns .column.column-width-three-fourths { width: 74%; } .wpcmsdev-columns .column.column-width-one-fifth { width: 16.8%; } .wpcmsdev-columns .column.column-width-two-fifths { width: 37.6%; } .wpcmsdev-columns .column.column-width-three-fifths { width: 58.4%; } .wpcmsdev-columns .column.column-width-four-fifths { width: 79.2%; } .wpcmsdev-columns .column:last-child { margin-right: 0 !important; } @media ( max-width: 48em ) { .wpcmsdev-columns .column { width: 100% !important; } } /*------------------------------------- 2.8 =Highlights -------------------------------------*/ .wpcmsdev-highlight.color-blue { background-color: #99cfe5; } .wpcmsdev-highlight.color-gray { background-color: #cfcfcf; } .wpcmsdev-highlight.color-green { background-color: #99d9c4; } .wpcmsdev-highlight.color-orange { background-color: #f4cb99; } .wpcmsdev-highlight.color-red { background-color: #e79aad; } .wpcmsdev-highlight.color-violet { background-color: #c199e7; } .wpcmsdev-highlight.color-yellow { background-color: #ffe980; } .wpcmsdev-highlight.text-color-blue { color: #0078a9; } .wpcmsdev-highlight.text-color-gray { color: #7e7e7e; } .wpcmsdev-highlight.text-color-green { color: #008b5d; } .wpcmsdev-highlight.text-color-orange { color: #cf7200; } .wpcmsdev-highlight.text-color-red { color: #b0022e; } .wpcmsdev-highlight.text-color-violet { color: #5900ae; } .wpcmsdev-highlight.text-color-yellow { color: #cca900; } /*------------------------------------- 2.9 =Icons -------------------------------------*/ a .wpcmsdev-icon { display: inline; } .wpcmsdev-icon.color-blue { color: #0087bd; } .wpcmsdev-icon.color-gray { color: #888888; } .wpcmsdev-icon.color-green { color: #009f6b; } .wpcmsdev-icon.color-orange { color: #e37d00; } .wpcmsdev-icon.color-red { color: #c40233; } .wpcmsdev-icon.color-violet { color: #6400c2; } .wpcmsdev-icon.color-yellow { color: #ffd300; } /*------------------------------------- 2.10 =Tabs -------------------------------------*/ .wpcmsdev-tabs { margin: 0 0 1.625em; padding-top: 0.25em; } .wpcmsdev-tabs .headings.headings { float: left; border-bottom: 0.25em solid #808080; width: 100%; font-weight: inherit; } .wpcmsdev-tabs .headings.headings a { display: block; float: left; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; padding: 0.688em 1.625em 0.438em; background-color: #999999; color: #ffffff; font-weight: inherit; text-decoration: none; outline: 0; transition: background-color 0.2s, color 0.2s; } .wpcmsdev-tabs .headings.headings a + a { margin-left: 1px; } .wpcmsdev-tabs .headings.headings a.active, .wpcmsdev-tabs .headings.headings a:active, .wpcmsdev-tabs .headings.headings a:focus, .wpcmsdev-tabs .headings.headings a:hover { background-color: #808080; color: #ffffff; } .wpcmsdev-tabs .headings.headings a.active { margin-top: -0.25em; padding-bottom: 0.688em; } .wpcmsdev-tabs .tab { clear: both; border: 0.25em solid #f3f3f3; border-top: 0; border-bottom-right-radius: 0.188rem; border-bottom-left-radius: 0.188rem; padding: 1.625em; background-color: #fafafa; } .background-color-alt .wpcmsdev-tabs .tab { border-color: #e6e6e6; background-color: #f3f3f3; color: #8a8a8a; } .background-color-accent .wpcmsdev-tabs .tab { border-color: #545454; background-color: #5e5e5e; color: #c2c2c2; } .background-color-dark .wpcmsdev-tabs .tab { border-color: #2b2b2b; background-color: #363636; color: #c2c2c2; } .wpcmsdev-tabs .tab > :last-child { margin-bottom: 0; } /*------------------------------------- 2.11 =Toggles -------------------------------------*/ .wpcmsdev-toggle { border-radius: 0.25em; margin: 0 0 1.625em; overflow: hidden; line-height: 1.5; } .wpcmsdev-toggle + .wpcmsdev-toggle { margin-top: -0.813em; } .wpcmsdev-toggle .toggle-title.toggle-title { margin: 0; font-size: inherit; font-weight: inherit; } .wpcmsdev-toggle .toggle-title.toggle-title a { display: block; box-sizing: border-box; padding: 0.688em 0.813em; background-color: #999999; color: #ffffff; font-weight: inherit; text-decoration: none; } .wpcmsdev-toggle .toggle-title.toggle-title a:active, .wpcmsdev-toggle .toggle-title.toggle-title a:hover, .wpcmsdev-toggle .toggle-title.toggle-title a:focus { background-color: #808080; color: #ffffff; } .wpcmsdev-toggle .toggle-title.toggle-title a .fa { margin-right: 0.813em; opacity: 0.8; } .wpcmsdev-toggle .toggle-title.toggle-title a .fa.icon-for-active { display: none; } .wpcmsdev-toggle .toggle-title.toggle-title a.active .icon-for-active { display: inline-block; } .wpcmsdev-toggle .toggle-title.toggle-title a.active .icon-for-inactive { display: none; } .wpcmsdev-toggle .toggle-content { border: 0.25em solid #f3f3f3; border-top: 0; padding: 1.625em; background-color: #fafafa; } .background-color-alt .wpcmsdev-toggle .toggle-content { border-color: #e6e6e6; background-color: #f3f3f3; color: #8a8a8a; } .background-color-accent .wpcmsdev-toggle .toggle-content { border-color: #545454; background-color: #5e5e5e; color: #c2c2c2; } .background-color-dark .wpcmsdev-toggle .toggle-content { border-color: #2b2b2b; background-color: #363636; color: #c2c2c2; } .wpcmsdev-toggle .toggle-content > :last-child { margin-bottom: 0; } /*----------------------------------------------------------------------------- 3. =Media -----------------------------------------------------------------------------*/ /*------------------------------------- 3.1 =Embeds -------------------------------------*/ embed, iframe, object { max-width: 100%; vertical-align: bottom; } /*------------------------------------- 3.2 =Figures -------------------------------------*/ figure, .wp-editor .wp-caption { margin: 0 0 1.625em; max-width: 100%; background-color: #fafafa; } .background-color-alt figure { background-color: #f3f3f3; } .background-color-accent figure { background-color: #5e5e5e; } .background-color-dark figure { background-color: #363636; } figcaption, .wp-editor .gallery-caption, .wp-editor .wp-caption-dd { padding: 0.5em; background-color: #3d3d3d; color: #c2c2c2; font-size: 0.813em; line-height: 1.5; text-align: center; } .background-color-dark figcaption { background-color: #242424; color: #c2c2c2; } figcaption a, .wp-editor .wp-caption a, .wp-editor .wp-caption a:active, .wp-editor .wp-caption a:focus, .wp-editor .wp-caption a:hover { color: #eeeeee; /* Needed to increase specificity */ } .background-color-alt figcaption a { color: #eeeeee; } figcaption a:active, figcaption a:focus, figcaption a:hover { color: #ffffff; /* Needed to increase specificity */ } .background-color-alt figcaption a:active, .background-color-alt figcaption a:focus, .background-color-alt figcaption a:hover { color: #ffffff; } .wp-caption-text { /* Handled by the previous selectors, but needed here in order to pass the theme check plugin. */ } /*------------------------------------- 3.3 =Galleries -------------------------------------*/ .gallery { margin: 0 0 1.625em; padding: 1.625em 0 0 1.625em; background-color: #3d3d3d; text-align: center; } .background-color-accent .gallery { background-color: #2b2b2b; } .background-color-dark .gallery { background-color: #242424; } .gallery.gallery-columns-5, .gallery.gallery-columns-6, .gallery.gallery-columns-7, .gallery.gallery-columns-8, .gallery.gallery-columns-9, .gallery.gallery-columns-10 { padding: 0.813em 0 0 0.813em; } .gallery-item, .wp-editor .gallery .gallery-item { float: left; box-sizing: border-box; margin: 0; padding: 0 1.625em 1.625em 0; background-color: transparent !important; } .gallery-columns-5 .gallery-item, .gallery-columns-5 .wp-editor .gallery .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-6 .wp-editor .gallery .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-7 .wp-editor .gallery .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-8 .wp-editor .gallery .gallery-item, .gallery-columns-9 .gallery-item, .gallery-columns-9 .wp-editor .gallery .gallery-item, .gallery-columns-10 .gallery-item, .gallery-columns-10 .wp-editor .gallery .gallery-item { padding: 0 0.813em 0.813em 0; } .gallery-columns-1 .gallery-item, .gallery-columns-1 .wp-editor .gallery .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item, .gallery-columns-2 .wp-editor .gallery .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item, .gallery-columns-3 .wp-editor .gallery .gallery-item { width: 33.333%; } .gallery-columns-4 .gallery-item, .gallery-columns-4 .wp-editor .gallery .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item, .gallery-columns-5 .wp-editor .gallery .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item, .gallery-columns-6 .wp-editor .gallery .gallery-item { width: 16.667%; } .gallery-columns-7 .gallery-item, .gallery-columns-7 .wp-editor .gallery .gallery-item { width: 14.286%; } .gallery-columns-8 .gallery-item, .gallery-columns-8 .wp-editor .gallery .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item, .gallery-columns-9 .wp-editor .gallery .gallery-item { width: 11.111%; } .gallery-columns-10 .gallery-item, .gallery-columns-10 .wp-editor .gallery .gallery-item { width: 10%; } .gallery-columns-2 .gallery-item:nth-of-type(2n+1), .gallery-columns-2 .wp-editor .gallery .gallery-item:nth-of-type(2n+1), .gallery-columns-3 .gallery-item:nth-of-type(3n+1), .gallery-columns-3 .wp-editor .gallery .gallery-item:nth-of-type(3n+1), .gallery-columns-4 .gallery-item:nth-of-type(4n+1), .gallery-columns-4 .wp-editor .gallery .gallery-item:nth-of-type(4n+1) { clear: left; } .gallery-item img, .wp-editor .gallery .gallery-item img { vertical-align: bottom; } .gallery-caption { background-color: transparent !important; } .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } .wp-editor .gallery-caption { margin: 0; } /* Fixes the selected item border glitch in the WP editor */ .wp-editor .wpview-wrap[data-wpview-type="gallery"] { margin-bottom: 2.125em; } .wp-editor .wpview-wrap[data-wpview-type="gallery"] .wpview-content { margin-bottom: -1.625em; } /*------------------------------------- 3.4 =Images -------------------------------------*/ img { max-width: 100%; height: auto; } img[class*="wp-image-"], img.wp-post-image, .wp-caption img { vertical-align: bottom; } /*----------------------------------------------------------------------------- 4. =Scaffolding -----------------------------------------------------------------------------*/ /*------------------------------------- 4.1 =Alignment -------------------------------------*/ .alignleft, .wp-editor .wp-caption.alignleft { float: left; margin: 0.313em 1.625em 0.813em 0; } .alignright, .wp-editor .wp-caption.alignright { float: right; margin: 0.313em 0 0.813em 1.625em; } .alignnone, .wp-editor .wp-caption.alignnone, .aligncenter, .wp-editor .wp-caption.aligncenter { display: block; margin: 1.625em 0; } .aligncenter, .wp-editor .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } /*------------------------------------- 4.2 =Clearfix -------------------------------------*/ .clearfix:before, .clearfix:after, .wpcmsdev-columns:before, .wpcmsdev-columns:after, .gallery:before, .gallery:after, .content-sidebar-container:before, .content-sidebar-container:after, .widget-area:before, .widget-area:after, .topbar > .inner:before, .topbar > .inner:after, .page-header > .inner:before, .page-header > .inner:after, .page-footer > .inner:before, .page-footer > .inner:after, .topbar .menu:before, .topbar .menu:after, .page-footer .menu:before, .page-footer .menu:after, .entry:before, .entry:after, .comment-respond:before, .comment-respond:after, .gallery-item-grid:before, .gallery-item-grid:after, .portfolio-item-grid:before, .portfolio-item-grid:after, .testimonials-grid:before, .testimonials-grid:after, .homepage-top-feature:before, .homepage-top-feature:after, .wpcf7 .wpcf7-form:before, .wpcf7 .wpcf7-form:after { display: table; content: ""; } .clearfix:after, .wpcmsdev-columns:after, .gallery:after, .content-sidebar-container:after, .widget-area:after, .topbar > .inner:after, .page-header > .inner:after, .page-footer > .inner:after, .topbar .menu:after, .page-footer .menu:after, .entry:after, .comment-respond:after, .gallery-item-grid:after, .portfolio-item-grid:after, .testimonials-grid:after, .homepage-top-feature:after, .wpcf7 .wpcf7-form:after { clear: both; } /*------------------------------------- 4.3 =Dropdowns -------------------------------------*/ ul.dropdown, ul.dropdown ul { margin: 0; padding: 0; list-style: none; } ul.dropdown li { position: relative; white-space: nowrap; } ul.dropdown > li { float: left; } ul.dropdown a { display: block; } ul.dropdown ul { display: none; position: absolute; top: 100%; z-index: 99; } ul.dropdown ul ul { top: 0; left: 100%; } .no-js ul.dropdown ul { display: block; z-index: 0; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); } ul.dropdown li:hover > ul { display: block; } .no-js ul.dropdown li:hover > ul { visibility: visible; opacity: 1.0; } /*------------------------------------- 4.4 =Flexslider -------------------------------------*/ .flexslider { position: relative; } .flexslider a:active, .flexslider a:focus { outline: none; } .flexslider .slides, .flexslider .flex-control-nav, .flexslider .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider .slides { overflow: hidden; height: 100%; } .flexslider .slides li { position: relative; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider .slides img { width: 100%; display: block; } /*------------------------------------- 4.5 =Font Awesome -------------------------------------*/ .fontawesome-base, .wpcmsdev-alert.error:before, .wpcmsdev-alert.info:before, .wpcmsdev-alert.success:before, .wpcmsdev-alert.warning:before, .primary-navigation > .menu .menu-item-has-children > a:after, .comments-list .pingback .comment-body:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng:before, .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before, .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked:before, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------- 4.6 =Full Width Backgrounds -------------------------------------*/ .full-width-background { position: relative; z-index: 0; } .full-width-background:before, .full-width-background:after { display: block; position: absolute; top: 0; bottom: 0; z-index: -1; width: 200%; background-color: inherit; content: ""; } .full-width-background:before { right: 0; margin-right: 100%; } .full-width-background:after { left: 0; margin-left: 100%; } /*------------------------------------- 4.7 =Sidebar Layouts -------------------------------------*/ .content-sidebar-container > .content { box-sizing: border-box; width: 63%; } @media ( max-width: 56.25em ) { .content-sidebar-container > .content { margin-bottom: 3.438em; padding: 0 !important; width: 100%; } } .content-sidebar-container > .sidebar { width: 32%; } @media ( max-width: 56.25em ) { .content-sidebar-container > .sidebar { clear: both; float: none !important; width: 100%; } } .content-sidebar-container.sidebar-right > .content { float: left; } .content-sidebar-container.sidebar-right > .sidebar { float: right; } .content-sidebar-container.sidebar-left > .content { float: right; } .content-sidebar-container.sidebar-left > .sidebar { float: left; } .content-sidebar-container.sidebar-none > .content { width: 100%; } /*------------------------------------- 4.8 =Widget Areas -------------------------------------*/ .widget-area { margin-right: -2.625rem; margin-bottom: -2.625rem; } @media ( max-width: 48em ) { .widget-area { margin-bottom: -2.125rem; } } .widget-area .widget { float: left; box-sizing: border-box; margin-bottom: 2.625rem; padding-right: 2.625rem; width: 33.333%; } @media ( max-width: 56.25em ) { .widget-area .widget { width: 50% !important; } } @media ( max-width: 48em ) { .widget-area .widget { margin-bottom: 2.125rem; } } @media ( max-width: 37.5em ) { .widget-area .widget { width: 100% !important; } } .widget-area.widget-count-1 .widget { width: 100% !important; } @media ( max-width: 56.25em ) { .widget-area.widget-count-3 .widget { width: 100% !important; } } /*----------------------------------------------------------------------------- 5. =Layout and Structure -----------------------------------------------------------------------------*/ /*------------------------------------- 5.1 =Layout -------------------------------------*/ /* Root */ @media ( max-width: 72em ) { html { font-size: 0.938em; } } @media ( max-width: 64em ) { html { font-size: 0.875em; } } @media ( max-width: 56.25em ) { html { font-size: 1em; } } @media ( max-width: 37.5em ) { html { font-size: 0.938em; } } @media ( max-width: 30em ) { html { font-size: 0.875em; } } @media ( max-width: 20em ) { html { font-size: 0.813em; } } /* Body */ body.background-image-fullscreen { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; background-attachment: fixed !important; } body.layout-mode-boxed { padding: 0 3.438rem; } @media ( max-width: 72em ) { body.layout-mode-boxed { padding: 0 2.625rem; } } @media ( max-width: 64em ) { body.layout-mode-boxed { padding: 0 1.625rem; } } @media ( max-width: 48em ) { body.layout-mode-boxed { padding: 0; } } body.layout-mode-wide { background-image: none !important; } body.wp-editor { padding: 1.313em 1.625em 0 !important; font-size: 16px; } /* Page wrapper */ .page-wrapper { overflow: hidden; } .layout-mode-boxed .page-wrapper { background-color: #ffffff; max-width: 72rem; margin: 0 auto; box-shadow: 0 0 1.625em rgba(61, 61, 61, 0.15); } /* Content wrap */ .content-wrap, .topbar, .page-header, .main-content-sidebar-area, .footer-widget-area, .page-footer, .homepage-top-feature { padding-left: 2.625rem; padding-right: 2.625rem; } .layout-mode-wide .content-wrap > .inner, .layout-mode-wide .topbar > .inner, .layout-mode-wide .page-header > .inner, .layout-mode-wide .main-content-sidebar-area > .inner, .layout-mode-wide .footer-widget-area > .inner, .layout-mode-wide .page-footer > .inner, .layout-mode-wide .homepage-top-feature > .inner { margin-left: auto; margin-right: auto; max-width: 72rem; } @media ( max-width: 48em ) { .content-wrap, .topbar, .page-header, .main-content-sidebar-area, .footer-widget-area, .page-footer, .homepage-top-feature { padding-left: 1.625rem; padding-right: 1.625rem; } } @media ( max-width: 37.5em ) { .content-wrap, .topbar, .page-header, .main-content-sidebar-area, .footer-widget-area, .page-footer, .homepage-top-feature { padding-left: 1.313rem; padding-right: 1.313rem; } } /* Topbar */ .topbar > .inner { line-height: 1.25rem; } .topbar-toggle { display: none; margin: 0.25rem auto; vertical-align: bottom; width: auto; background-color: #999999; } .topbar-toggle.active, .topbar-toggle:active, .topbar-toggle:focus, .topbar-toggle:hover { background-color: #808080; } .topbar-toggle.active .fa:before { content: "\f106"; } .topbar-toggle .fa { border-left: 0; margin-left: 0; padding-left: 0; } .topbar-left, .topbar-right { float: left; padding: 0.703rem 0; font-size: 0.813rem; } .topbar-right { float: right; } @media ( max-width: 56.25em ) { .topbar { text-align: center; } .topbar-toggle { display: inline-block; } .topbar > .inner { display: none; } .topbar-left, .topbar-right { width: 100%; } .topbar-left + .topbar-right { padding-top: 0; } } /* Page header */ .page-header { border-top: 0.813rem solid #666666; } .topbar + .page-header { border-top: none; } .page-header > .inner { padding: 2.125rem 0; } /* Logo area */ .logo-area { float: left; } .logo-area .site-title { margin: 0; font-size: 1.625rem; line-height: 1.0; } .logo-area .site-title a { display: inline-block; color: #525252; text-decoration: none; } .logo-area .site-title a:active, .logo-area .site-title a:focus, .logo-area .site-title a:hover { color: #454545; } .logo-area .site-title a img { vertical-align: bottom; } .logo-area .site-tagline { margin: 0.25rem 0 0; color: #c5c5c5; font-size: 0.813em; line-height: 1.0; } @media ( max-width: 37.5em ) { .logo-area { float: none; width: 100%; text-align: center; } } /* Primary navigation */ .primary-navigation { float: right; } @media ( max-width: 37.5em ) { .primary-navigation { float: none; margin: 1.625rem auto 0; } } /* Top featured media */ .top-featured-media { margin-bottom: 2.625rem; padding: 1.313rem 0; } .layout-mode-boxed .top-featured-media .featured-image-wrap, .layout-mode-boxed .top-featured-media .flexslider { margin: -1.313rem -2.625rem; } @media ( max-width: 48em ) { .layout-mode-boxed .top-featured-media .featured-image-wrap, .layout-mode-boxed .top-featured-media .flexslider { margin: -1.313rem -1.625rem; } } @media ( max-width: 48em ) { .layout-mode-wide .top-featured-media .featured-image-wrap, .layout-mode-wide .top-featured-media .flexslider { margin: -1.313rem -1.625rem; } } .top-featured-media .featured-image-wrap + .top-featured-media-overlay { position: absolute; bottom: 2.625rem; left: 0; border-top-right-radius: 0.188rem; border-bottom-right-radius: 0.188rem; padding: 0.813rem 1.313rem; background-color: rgba(0, 0, 0, 0.65); color: #eeeeee; text-align: center; } .layout-mode-boxed .top-featured-media .featured-image-wrap + .top-featured-media-overlay { bottom: 1.313rem; } @media ( max-width: 48em ) { .layout-mode-wide .top-featured-media .featured-image-wrap + .top-featured-media-overlay { bottom: 1.313rem; } } @media ( max-width: 30em ) { .top-featured-media .featured-image-wrap + .top-featured-media-overlay { bottom: 0.813rem !important; padding: 0.5rem 1.313rem; } } .top-featured-media .top-featured-media-title { margin: 0; } @media ( max-width: 48em ) { .top-featured-media .top-featured-media-title { font-size: 1.25rem; line-height: 1.4; } } @media ( max-width: 37.5em ) { .top-featured-media .featured-image-wrap + .top-featured-media-overlay .top-featured-media-title { font-size: 1rem; line-height: 1.5; } } /* Main content/sidebar area */ .layout-mode-wide.home.paged .page-header + .main-content-sidebar-area, .single-post .page-header + .main-content-sidebar-area { border-top: 0.25rem solid #f3f3f3; padding-top: 4.25rem; } @media ( max-width: 72em ) { .layout-mode-wide.home.paged .page-header + .main-content-sidebar-area, .single-post .page-header + .main-content-sidebar-area { padding-top: 3.438rem; } } @media ( max-width: 56.25em ) { .layout-mode-wide.home.paged .page-header + .main-content-sidebar-area, .single-post .page-header + .main-content-sidebar-area { padding-top: 2.625rem; } } .layout-mode-wide .main-content-sidebar-area { margin-bottom: 4.25rem; } @media ( max-width: 72em ) { .layout-mode-wide .main-content-sidebar-area { margin-bottom: 3.438rem; } } @media ( max-width: 56.25em ) { .layout-mode-wide .main-content-sidebar-area { margin-bottom: 2.625rem; } } .layout-mode-boxed .main-content-sidebar-area { margin-bottom: 2.625rem; } .modular-homepage-enabled .main-content-sidebar-area { margin-bottom: 0; } /* Sidebar */ .sidebar .widget { width: 100%; } /* Footer widget area */ .layout-mode-boxed .footer-widget-area > .inner { padding: 3.438rem 0; } .layout-mode-wide .footer-widget-area > .inner { padding: 4.25rem 0; } @media ( max-width: 72em ) { .layout-mode-boxed .footer-widget-area > .inner { padding: 2.625rem 0; } .layout-mode-wide .footer-widget-area > .inner { padding: 3.438rem 0; } } @media ( max-width: 56.25em ) { .layout-mode-boxed .footer-widget-area > .inner, .layout-mode-wide .footer-widget-area > .inner { padding: 2.625rem 0; } } @media ( max-width: 48em ) { .layout-mode-boxed .footer-widget-area > .inner, .layout-mode-wide .footer-widget-area > .inner { padding: 1.625rem 0; } } /* Page footer */ .page-footer > .inner { padding: 1.625rem 0; line-height: 1.25rem; } .page-footer-left, .page-footer-right { float: left; padding: 0.703rem 0; font-size: 0.813rem; } .page-footer-right { float: right; } .page-footer .footer-copyright { display: block; font: inherit; } .page-footer .footer-menu, .page-footer .social-profiles-menu { margin: -0.703rem 0; } @media ( max-width: 56.25em ) { .page-footer .footer-menu, .page-footer .social-profiles-menu { margin: 0; } } @media ( max-width: 56.25em ) { .page-footer { text-align: center; } .page-footer-left, .page-footer-right { width: 100%; } .page-footer-left + .page-footer-right { padding-top: 0; } } /*------------------------------------- 5.2 =Navigation -------------------------------------*/ /* Breadcrumb trail */ .breadcrumb-trail a { font-weight: inherit; } .breadcrumb-trail .fa { margin: 0 0.25rem; } .breadcrumb-trail .trail-browse { margin-right: 0.25rem; } /* Pagination */ .pagination { line-height: 1.0; } .pagination ul { display: inline-block; margin: 0 0 -1px 0; padding: 0; overflow: hidden; vertical-align: bottom; list-style: none; } .pagination li { box-sizing: border-box; float: left; border-right: 1px solid transparent; margin-bottom: 1px; } .pagination li:last-child { border-right: 0; } .pagination.pagination a, .pagination li > span { display: block; border-radius: 0.188rem; padding: 0.813rem 1rem; background-color: #999999; color: #ffffff; font-weight: inherit; text-align: center; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .pagination.pagination a > .fa, .pagination li > span > .fa { vertical-align: bottom; } .pagination a:active, .pagination a:focus, .pagination a:hover { background-color: #808080; color: #ffffff !important; } .pagination .current > a, .pagination .current > span { background-color: #3d3d3d; color: #adadad; } .pagination .prev a, .pagination .next a { padding-left: 1.313rem; padding-right: 1.313rem; white-space: nowrap; } .pagination .prev .fa { margin-right: 0.3rem; } .pagination .next .fa { margin-left: 0.3rem; } .pagination.pagination-style-full-width-prev-next ul { width: 100%; } .pagination.pagination-style-full-width-prev-next li { width: 50%; } /* Primary nav menu */ .primary-navigation { position: relative; /* Mobile menu */ } .primary-navigation > .menu { line-height: 1.0; } .primary-navigation > .menu > li + li { margin-left: 1px; } .primary-navigation > .menu a { border-radius: 0.188rem; padding: 0.813rem 1.313rem; color: inherit; font-weight: inherit; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .primary-navigation > .menu ul a { border-radius: 0; padding: 0.656rem 1.313rem; min-width: 9rem; color: #ffffff; font-size: 0.813rem; } .primary-navigation > .menu .current-menu-item > a, .primary-navigation > .menu .current-menu-ancestor > a { background-color: #999999; color: #ffffff; } .primary-navigation > .menu a:hover, .primary-navigation > .menu li:hover > a, .primary-navigation > .menu li.sfHover > a, .primary-navigation > .menu ul li.current-menu-item > a, .primary-navigation > .menu ul li.current-menu-ancestor > a { background-color: #808080; color: #ffffff; } .primary-navigation > .menu > li > ul { top: 2.688rem; } .primary-navigation > .menu ul { background-color: #999999; } .primary-navigation > .menu ul ul { margin-left: 1px; } .primary-navigation > .menu .menu-item-has-children > a:after { margin-left: 0.4em; vertical-align: bottom; color: #c5c5c5; content: "\f107"; } .primary-navigation > .menu ul .menu-item-has-children > a:after { position: absolute; top: 0.85em; right: 0.813em; content: "\f105"; } @media ( max-width: 56.25em ) { .primary-navigation > .menu { display: none; } } .primary-navigation .mobile-menu-toggle { display: none; } .primary-navigation .mobile-menu-toggle.active .fa:before { content: "\f106"; } @media ( max-width: 56.25em ) { .primary-navigation .mobile-menu-toggle { display: block; } } @media ( max-width: 37.5em ) { .primary-navigation .mobile-menu-toggle { width: 100%; } } .primary-navigation .mobile-menu, .primary-navigation .mobile-menu ul { list-style: none; margin: 0; padding: 0; } .primary-navigation .mobile-menu { display: none; position: absolute; top: 2.688rem; right: 0; z-index: 99; width: 18rem; background-color: #999999; line-height: 1.0; text-align: left; } .primary-navigation .mobile-menu a { display: block; padding: 0.813rem 1rem; color: #ffffff; font-weight: inherit; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .primary-navigation .mobile-menu a:active, .primary-navigation .mobile-menu a:focus, .primary-navigation .mobile-menu a:hover, .primary-navigation .mobile-menu .current-menu-item > a { background-color: #808080; color: #ffffff; } .primary-navigation .mobile-menu ul a { padding: 0.656rem 2.625rem; color: #d9d9d9; font-size: 0.813rem; } .primary-navigation .mobile-menu ul ul a { padding-left: 4.25rem; } @media ( max-width: 37.5em ) { .primary-navigation .mobile-menu { width: 100%; } } /* Topbar/page footer menus */ .topbar .menu, .page-footer .menu { display: inline-block; margin: -0.688rem 0; padding: 0; list-style: none; vertical-align: bottom; } .topbar .menu li, .page-footer .menu li { display: inline-block; float: left; } .topbar .menu a, .page-footer .menu a { display: block; padding: 0.688rem 1.313rem; font-weight: inherit; text-decoration: none; transition: color 0.2s, background-color 0.2s, border-color 0.2s; } .topbar .menu a { border-left: 1px solid #5e5e5e; } .topbar .menu a:active, .topbar .menu a:focus, .topbar .menu a:hover { background-color: #5e5e5e; } .topbar .menu li:last-child a { border-right: 1px solid #5e5e5e; } @media ( max-width: 56.25em ) { .topbar .menu { display: inline-block; margin: -0.688rem 0; padding: 0; list-style: none; vertical-align: bottom; margin: 0 0 -1px; } .topbar .menu li { display: inline-block; float: left; } .topbar .menu a { display: block; padding: 0.688rem 1.313rem; font-weight: inherit; text-decoration: none; transition: color 0.2s, background-color 0.2s, border-color 0.2s; } .topbar .menu li { float: none; margin-bottom: 1px; } .topbar .menu li + li { margin-left: -0.125rem; } .topbar .menu a { border-radius: 0.188rem; background-color: #363636; } .topbar .menu a:active, .topbar .menu a:focus, .topbar .menu a:hover { background-color: #2b2b2b; } .topbar .menu a { border: 0 !important; background-color: #5e5e5e; } .topbar .menu a:active, .topbar .menu a:focus, .topbar .menu a:hover { background-color: #545454; } } .page-footer .menu { margin: 0 0 -1px; } .page-footer .menu li { float: none; margin-bottom: 1px; } .page-footer .menu li + li { margin-left: -0.125rem; } .page-footer .menu a { border-radius: 0.188rem; background-color: #363636; } .page-footer .menu a:active, .page-footer .menu a:focus, .page-footer .menu a:hover { background-color: #2b2b2b; } /* Social Profiles menu */ .social-profiles-menu a[href*="//facebook.com"] .fa::before { content: "\f09a"; } .social-profiles-menu a[href*="//flickr.com"] .fa::before { content: "\f16e"; } .social-profiles-menu a[href*="//github.com"] .fa::before { content: "\f09b"; } .social-profiles-menu a[href*="//instagram.com"] .fa::before { content: "\f16d"; } .social-profiles-menu a[href*="//linkedin.com"] .fa::before { content: "\f0e1"; } .social-profiles-menu a[href*="//pinterest.com"] .fa::before { content: "\f0d2"; } .social-profiles-menu a[href*="//plus.google.com"] .fa::before { content: "\f0d5"; } .social-profiles-menu a[href*="//reddit.com"] .fa::before { content: "\f1a1"; } .social-profiles-menu a[href*="//tumblr.com"] .fa::before { content: "\f173"; } .social-profiles-menu a[href*="//twitter.com"] .fa::before { content: "\f099"; } .social-profiles-menu a[href*="//vimeo.com"] .fa::before { content: "\f194"; } .social-profiles-menu a[href*="//wordpress.com"] .fa::before { content: "\f19a"; } .social-profiles-menu a[href*="//youtube.com"] .fa::before { content: "\f167"; } .social-profiles-menu .menu a { padding: 0; width: 2.625rem; font-size: 1rem; line-height: 2.625rem; text-align: center; } /*------------------------------------- 5.3 =Archives -------------------------------------*/ .archive-header { margin-bottom: 4.25rem; } @media ( max-width: 72em ) { .archive-header { margin-bottom: 3.438rem; } } @media ( max-width: 56.25em ) { .archive-header { margin-bottom: 2.625rem; } } .archive-title span { color: #adadad; } .archive-description p { margin: 0.25rem 0 0; color: #c5c5c5; font-size: 0.813rem; } .archive-pagination, .entry + .entry { margin-top: 5.563rem; } .entry.sticky + .entry.sticky { margin-top: 2.625rem; } @media ( max-width: 81.25em ) { .archive-pagination, .entry + .entry { margin-top: 4.25rem; } .entry.sticky + .entry.sticky { margin-top: 2.125rem; } } @media ( max-width: 72em ) { .archive-pagination, .entry + .entry { margin-top: 3.438rem; } .entry.sticky + .entry.sticky { margin-top: 1.625rem; } } @media ( max-width: 64em ) { .archive-pagination, .entry + .entry { margin-top: 2.625rem; } .entry.sticky + .entry.sticky { margin-top: 1.313rem; } } @media ( max-width: 56.25em ) { .archive-pagination, .entry + .entry { margin-top: 3.438rem; } .entry.sticky + .entry.sticky { margin-top: 1.625rem; } } /*------------------------------------- 5.4 =Entries -------------------------------------*/ .entry.sticky { border: 0.25rem solid #f3f3f3; border-radius: 0.188rem; padding: 1.375rem 1.625rem 1.625rem; background-color: #fcfcfc; } .background-color-alt .entry.sticky { border-color: #e6e6e6; background-color: #f3f3f3; } .background-color-accent .entry.sticky { border-color: #545454; background-color: #5e5e5e; } .background-color-dark .entry.sticky { border-color: #2b2b2b; background-color: #363636; } .homepage-top-feature .entry.sticky { border: 0; padding: 0; background-color: transparent; } @media ( max-width: 37.5em ) { .entry.sticky { border-radius: 0; margin-left: -1.625rem; margin-right: -1.625rem; } .homepage-top-feature .entry.sticky { margin-left: 0; margin-right: 0; } } .entry-header { position: relative; margin-bottom: 2.125rem; } .entry-header img + .entry-header-overlay { position: absolute; bottom: 1.625rem; left: 0; margin-right: 1.625rem; padding: 0.813rem; background-color: rgba(0, 0, 0, 0.65); } .entry-header img + .entry-header-overlay .entry-title { margin: 0; color: #eeeeee; } .entry-excerpt .entry-header { margin-bottom: 1.625rem; } @media ( max-width: 72em ) { .entry-excerpt .entry-header { margin-bottom: 1.313rem; } } .entry .featured-image { margin-top: 0; margin-bottom: 2.125rem; } .entry-excerpt .featured-image { margin-bottom: 1.625rem; } @media ( max-width: 72em ) { .entry-excerpt .featured-image { margin-bottom: 1.313rem; } } @media ( max-width: 37.5em ) { .entry-excerpt .featured-image { max-width: 30%; } } .entry-title, .entry-content { word-wrap: break-word; } .entry-title { margin-bottom: 0; } .entry-title a { color: inherit; } @media ( max-width: 37.5em ) { .entry-title { margin-bottom: 1em; font-size: 1.625em; line-height: 1.3; } } .entry-byline, .entry-meta { color: #c5c5c5; font-size: 0.813rem; line-height: 1.5; } .entry-byline a, .entry-meta a { font-weight: inherit; } .entry-byline > span + span, .entry-meta > span + span { margin-left: 1em; } .entry-byline { margin-top: 0.25rem; } .entry-content > :last-child { margin-bottom: 0; } .entry-excerpt .entry-content { margin-bottom: 1.625rem; } @media ( max-width: 72em ) { .entry-excerpt .entry-content { margin-bottom: 1.313rem; } } .single .entry-content { margin-bottom: 2.125rem; } .entry-excerpt .excerpt-read-more { white-space: nowrap; } .entry-excerpt .entry-meta { clear: left; margin-bottom: 0; } .entry-pagination { margin-bottom: 2.125rem; } .entry-meta { margin-bottom: 2.125rem; } .entry > :last-child { margin-bottom: 0; } /*------------------------------------- 5.5 =Comments -------------------------------------*/ .comments { /* Comment list */ } .comments-area { margin-top: 4.25rem; max-width: 56.25rem; } @media ( max-width: 81.25em ) { .comments-area { margin-top: 3.438rem; } } .comments-header, .comments-footer { margin-bottom: 2.125rem; } .comments-title { border-bottom: 1px solid #f3f3f3; margin-bottom: 2.125rem; } .comments-list, .comments-list ol { padding: 0; list-style: none; } .comments-list { margin-bottom: 2.125rem; } .comments-list .comment { margin-top: 2.125rem; } .comments-list .pingback { font-size: 0.813rem; } .comments-list .comment-body { position: relative; border-radius: 0.188rem; padding: 1.625rem; background-color: #fcfcfc; line-height: 1.5; word-wrap: break-word; } .comments-list .pingback + .pingback .comment-body { padding-top: 0; } .comments-list .bypostauthor .comment-body { border: 0.25rem solid #f3f3f3; } .comments-list .comment .comment-body { padding-left: 2.625rem; } .comments-list .pingback .comment-body:before { margin-right: 0.25rem; color: #c5c5c5; content: "\f08e"; } .comments-list .comment-meta { margin-bottom: 1.625rem; } .comments-list .avatar { position: absolute; top: 1.313rem; left: -1.75rem; border-radius: 50%; width: 3.438rem; height: 3.438rem; font-size: 1rem; } .comments-list .comment-author { color: #525252; font-size: 1.25rem; line-height: 1.0; } .comments-list .says { display: none; } .comments-list .comment-metadata { margin-top: 0.25rem; color: #c5c5c5; font-size: 0.813rem; } .comments-list .comment-metadata > a { color: inherit; font-weight: inherit; } .comments-list .edit-link:before { content: "| "; } .comments-list .comment-awaiting-moderation { color: #666666; font-style: italic; } .comments-list .pingback a.url { font-weight: bold; } .comments-list .reply { position: absolute; right: 1.625rem; bottom: 1.625rem; font-size: 0.813rem; } .comments-list .children { margin-left: 2.125rem; } @media ( max-width: 37.5em ) { .comments-list .comment .comment-body { padding-left: 1.625rem; } .comments-list .avatar { position: static; float: left; margin-right: 0.813rem; width: 2.625rem; height: 2.625rem; } } .comments-closed { margin-top: 2.125rem; } /* Comment form */ .comment-respond { border-radius: 0.188rem; padding: 1.625rem; } .comment .comment-respond { margin-top: 0.25rem; } .comment-respond .comment-reply-title { position: relative; margin-bottom: 1.625rem; font-size: 1.625rem; } .comment-respond .comment-reply-title small { position: absolute; right: 0; bottom: 0; font-size: 0.813rem; font-style: normal; font-weight: normal; } .comment-respond label { display: block; color: #b9b9b9; font-size: 0.813rem; text-transform: uppercase; } .comment-respond .required { color: red; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond textarea { width: 100%; } .comment-respond .form-allowed-tags code { display: block; border-radius: 0.188rem; padding: 0.25rem; font-size: 0.813rem; line-height: 1.5; } .comment-respond p:last-of-type { margin-bottom: 0; } @media ( max-width: 37.5em ) { .comment-respond { margin-left: -1.625rem; margin-right: -1.625rem; } } /*----------------------------------------------------------------------------- 6. =Custom Post Types -----------------------------------------------------------------------------*/ /*------------------------------------- 6.1 =FAQs -------------------------------------*/ .faqs-grid .faq_item + .faq_item { margin-top: 0.813em; } @media ( max-width: 48em ) { .faqs-grid .column + .column { margin-top: 0.813em; } } .faqs-archive { margin-top: 2.125rem; } /*------------------------------------- 6.2 =Features -------------------------------------*/ .features-archive { margin-top: 2.125rem; } .features-grid { margin-right: -2.125rem; margin-bottom: -2.125rem; font-size: 0; } .features-grid .entry { display: inline-block; position: relative; box-sizing: border-box; margin: 0 !important; padding: 0 2.125rem 2.125rem 2.125rem; vertical-align: top; width: 33.333333%; font-size: 1rem; } @media ( max-width: 56.25em ) { .features-grid .entry { width: 50%; } } @media ( max-width: 48em ) { .features-grid .entry { width: 100%; } } .features-grid .entry > .fa { position: absolute; top: 0; left: 0; font-size: 1.25rem; line-height: 1.4; } .features-grid .entry .entry-header { margin: 0; } .features-grid .entry .entry-title { margin: 0; font-size: 1.25rem; line-height: 1.4; } .features-grid .entry .entry-content { margin-top: 0.813rem; } /*------------------------------------- 6.1 =Gallery Page -------------------------------------*/ .gallery-archive { margin-top: 2.125rem; } .gallery-item-grid .entry { float: left; margin: 0 !important; width: 33.333333%; background-color: #3d3d3d; } @media ( max-width: 56.25em ) { .gallery-item-grid .entry { width: 50%; } } @media ( max-width: 37.5em ) { .gallery-item-grid .entry { width: 100%; } } .gallery-item-grid .entry .wp-post-image { opacity: 1.0; transition: opacity 0.2s; } .gallery-item-grid .entry a { display: block; position: relative; } .gallery-item-grid .entry a:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.65); content: ""; transition: opacity 0.2s; } .gallery-item-grid .entry a:active:before, .gallery-item-grid .entry a:focus:before, .gallery-item-grid .entry a:hover:before { opacity: 1.0; } .gallery-item-grid .entry .entry-header-overlay { z-index: 2; } .gallery-item-grid .entry .entry-title { font-size: 1.25rem; line-height: 1.4; } .gallery-item-grid .entry .entry-content { font-size: 0.813rem; font-weight: normal; } .single-gallery_page .page-header.page-header { border-bottom: 0; margin-bottom: 0; } .single-gallery_page .pagination { margin-bottom: 2.125rem; } /*------------------------------------- 6.3 =Portfolio -------------------------------------*/ .portfolio-archive { margin-top: 2.125rem; } .portfolio-archive-filters { margin-bottom: 2.125rem; } .portfolio-item-grid { transition: height 0.4s; } .portfolio-item-grid .entry { position: relative; box-sizing: border-box; float: left; margin: 0 !important; width: 33.333333%; } @media ( max-width: 48em ) { .portfolio-item-grid .entry { width: 50%; } } @media ( max-width: 30em ) { .portfolio-item-grid .entry { width: 100%; } } .portfolio-item-grid .entry-title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.4s; } .portfolio-item-grid .entry-title:active, .portfolio-item-grid .entry-title:focus, .portfolio-item-grid .entry-title:hover { opacity: 1.0; } .portfolio-item-grid .entry-title:active a, .portfolio-item-grid .entry-title:focus a, .portfolio-item-grid .entry-title:hover a { visibility: visible; } .portfolio-item-grid .entry-title a { position: absolute; top: 0; left: 0; padding: 0 1.625em; vertical-align: middle; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); color: #eeeeee !important; font-size: 0; text-align: center; text-decoration: none; transition: visibility 0.4s; } .portfolio-item-grid .entry-title a span { font-size: 1.25rem; line-height: 1.4; } .portfolio-item-grid .entry-title a:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } html[data-useragent*='MSIE 9.0'] .portfolio-item-grid .entry-title a, html[data-useragent*='MSIE 10.0'] .portfolio-item-grid .entry-title a { visibility: visible; } .single-portfolio_item .page-header.page-header { border-bottom: 0; margin-bottom: 0; } .single-portfolio_item .sidebar .pagination { margin-bottom: 2.125rem; } .single-portfolio_item .sidebar .entry-meta { font-size: 1rem; } .single-portfolio_item .sidebar .entry-meta > span { display: block; } .single-portfolio_item .sidebar .entry-meta > span + span { margin: 0.25rem 0 0 0; } .single-portfolio_item .portfolio-other-projects { margin-top: 2.125rem; } .single-portfolio_item .portfolio-other-projects article { width: 25%; } .single-portfolio_item .portfolio-other-projects article .entry-title span { font-size: 1rem; } @media ( max-width: 56.25em ) { .single-portfolio_item .portfolio-other-projects article { width: 50%; } .single-portfolio_item .portfolio-other-projects article:nth-child(3) { clear: left; } } .modular-homepage-item.type-portfolio-grid .portfolio-item-grid .entry { width: 25%; } @media ( max-width: 48em ) { .modular-homepage-item.type-portfolio-grid .portfolio-item-grid .entry { width: 50%; } } @media ( max-width: 30em ) { .modular-homepage-item.type-portfolio-grid .portfolio-item-grid .entry { width: 100%; } } /*------------------------------------- 6.4 =Services -------------------------------------*/ .services-archive { margin-top: 2.125rem; } .services-grid { margin-right: -4.25rem; margin-bottom: -3.438rem; font-size: 0; text-align: center; } .services-grid.column-width-one-half .entry { width: 50%; } .services-grid.column-width-one-third .entry { width: 33.333333%; } .services-grid.column-width-one-fourth .entry { width: 25%; } .services-grid .entry { display: inline-block; box-sizing: border-box; margin: 0; padding-right: 4.25rem; padding-bottom: 3.438rem; vertical-align: top; font-size: 1rem; } @media ( max-width: 56.25em ) { .services-grid .entry.entry { width: 50%; } } @media ( max-width: 48em ) { .services-grid .entry.entry { width: 80%; } } @media ( max-width: 30em ) { .services-grid .entry.entry { width: 100%; } } .services-grid .entry-header { margin-bottom: 1.625rem; } .services-grid .wp-post-image { border: 0.25rem solid #c5c5c5; border-radius: 50%; margin-bottom: 1.625rem; max-width: 58.99705%; } .background-color-accent .services-grid .wp-post-image { border-color: #d1d1d1; } .background-color-alt .services-grid .wp-post-image { border-color: #b9b9b9; } .background-color-dark .services-grid .wp-post-image { border-color: #adadad; } .services-grid .entry-title span { display: block; } .services-grid .entry-title .fa { margin-left: 0.25rem; } .services-grid .entry-content p { margin-bottom: 0.813em; } .services-grid .entry-content p:not(.read-more-container) { font-size: 0.938rem; font-style: italic; line-height: 1.5; } .services-grid .entry-content p.read-more-container { line-height: 1.5; } .services-grid .entry-content > :last-child { margin-bottom: 0; } .single-service .page-header.page-header { border-bottom: 0; margin-bottom: 0; } /*------------------------------------- 6.5 =Testimonials -------------------------------------*/ .testimonials-archive { margin-top: 2.125rem; } .testimonials-grid { margin-right: -5.563rem; } .testimonials-grid .testimonial { float: left; box-sizing: border-box; margin-top: 0; margin-bottom: 2.125rem; padding-right: 5.563rem; width: 50%; } .testimonials-grid .testimonial:nth-child(2n+1) { clear: left; } .testimonials-grid .testimonial blockquote { margin: 0; padding-right: 3.75rem; } .testimonials-grid .testimonial cite { text-align: left; font-weight: bold; } .testimonials-grid .testimonial img { position: absolute; right: -2.125rem; bottom: 1.625rem; border-radius: 50%; width: 4.25rem; } @media ( max-width: 56.25em ) { .testimonials-grid .testimonial { width: 100%; } } /*----------------------------------------------------------------------------- 7. =Special Features -----------------------------------------------------------------------------*/ /*------------------------------------- 7.1 =Featured Slider -------------------------------------*/ .featured-slider .flexslider { opacity: 1.0; transition: opacity 0.6s; } .featured-slider .flexslider.loading { max-height: 0; padding-bottom: 31.25%; opacity: 0; } .featured-slider .slide-overlay { position: absolute; bottom: 1.625rem; left: 0; border-top-right-radius: 0.188rem; border-bottom-right-radius: 0.188rem; box-sizing: border-box; padding: 1.625rem; max-width: 50%; background-color: rgba(0, 0, 0, 0.65); } .featured-slider .slide-overlay > :last-child { margin-bottom: 0; } .featured-slider.featured-gallery .slide-overlay { top: 1.625rem; bottom: auto; } @media ( max-width: 37.5em ) { .featured-slider.featured-gallery .slide-overlay { padding: 0.813rem; font-size: 0.813rem; } } .featured-slider .slide-title a { text-decoration: none; } .featured-slider .slide-excerpt { margin-bottom: 1.625rem; } .featured-slider .slide-excerpt p { margin: 0; } .featured-slider .flex-direction-nav { position: absolute; right: 1.625rem; bottom: 1.625rem; z-index: 99; } .featured-slider .flex-direction-nav li { float: left; } .featured-slider .flex-direction-nav li + li { margin-left: 1px; } .featured-slider .flex-direction-nav a { display: block; width: 2.625rem; height: 3.438rem; border-radius: 0.188rem; background-color: rgba(0, 0, 0, 0.65); color: #eeeeee; text-align: center; transition: color 0.2s, background-color 0.2s; } .featured-slider .flex-direction-nav a:hover { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; } .featured-slider .flex-direction-nav .fa { margin-left: -0.25rem; font-size: 2rem; line-height: 3.438rem; } .featured-slider .flex-direction-nav li + li .fa { margin-left: 0; margin-right: -0.25rem; } .featured-slider.featured-gallery .flex-direction-nav { top: 1.625rem; bottom: auto; } .featured-slider .flex-control-nav { overflow: hidden; } .featured-slider .flex-control-nav li { display: block; float: left; width: 20%; cursor: pointer; } .featured-slider .flex-control-nav li img { display: block; width: 100%; opacity: 0.35; transition: opacity 0.2s; -webkit-transform: translateZ(0px); /* Fix webkit rendering bug during transitions */ } .featured-slider .flex-control-nav li img.flex-active, .featured-slider .flex-control-nav li:hover img { opacity: 1.0; } @media ( max-width: 48em ) { .featured-slider .flex-control-nav { display: none; } } @media ( max-width: 64em ) { .featured-slider .slide-excerpt { font-size: 0.938rem; } } @media ( max-width: 56.25em ) { .featured-slider .slide-overlay { left: auto; } .featured-slider .slide-title { font-size: inherit; } .featured-slider .slide-excerpt { margin: 0; font-size: 0.813rem; } .featured-slider .wpcmsdev-button, .featured-slider .flex-direction-nav { display: none; } } @media ( max-width: 48em ) { .featured-slider .slide-overlay { border-radius: 0.188rem; margin-right: 1.625rem; max-width: 100%; } .featured-slider .slide-title { margin: 0; } .featured-slider .slide-excerpt { display: none; } } /*------------------------------------- 7.2 =Homepage Top Feature -------------------------------------*/ .homepage-top-feature { margin-bottom: 2.625rem; padding-top: 3.438rem; padding-bottom: 3.438rem; } .modular-homepage-enabled .homepage-top-feature { margin-bottom: 0; } @media ( max-width: 72em ) { .homepage-top-feature { padding-top: 2.625rem; padding-bottom: 2.625rem; } } @media ( max-width: 48em ) { .homepage-top-feature { padding-top: 1.625rem; padding-bottom: 1.625rem; } } @media ( max-width: 56.25em ) { .homepage-top-feature.featured-slider { padding: 0; } } .layout-mode-boxed .homepage-top-feature.featured-slider, .homepage-top-feature.featured-slider.slider-style-full-width { padding: 0; } .layout-mode-boxed .homepage-top-feature.hero-area { padding-top: 1.625rem; padding-bottom: 1.625rem; } /* Featured Slider */ .featured-slider.slider-style-full-width > .inner { max-width: 100%; } .featured-slider.slider-style-full-width .content-wrap > .inner, .featured-slider.slider-style-full-width .topbar > .inner, .featured-slider.slider-style-full-width .page-header > .inner, .featured-slider.slider-style-full-width .main-content-sidebar-area > .inner, .featured-slider.slider-style-full-width .footer-widget-area > .inner, .featured-slider.slider-style-full-width .page-footer > .inner, .featured-slider.slider-style-full-width .homepage-top-feature > .inner { position: relative; } .featured-slider.slider-style-full-width .slide-overlay { border-radius: 0.188rem; } /* Hero Area */ .hero-area { position: relative; z-index: 0; background-size: cover; background-position: center; } .hero-area article { box-sizing: border-box; padding-top: 2.625rem; padding-bottom: 2.625rem; } .hero-area article.content-position-left { float: left; } .hero-area article.content-position-center { margin-left: auto; margin-right: auto; text-align: center; } .hero-area article.content-position-right { float: right; } .hero-area article.content-width-30 { width: 30%; } .hero-area article.content-width-40 { width: 40%; } .hero-area article.content-width-50 { width: 50%; } .hero-area article.content-width-60 { width: 60%; } .hero-area article.content-width-70 { width: 70%; } .hero-area article.content-width-80 { width: 80%; } .hero-area article.content-width-90 { width: 90%; } .hero-area article.content-width-100 { width: 100%; } @media ( max-width: 72em ) { .hero-area article { padding-top: 1.625rem; padding-bottom: 1.625rem; } } @media ( max-width: 64em ) { .hero-area article { padding-top: 1rem; padding-bottom: 1rem; } } @media ( max-width: 56.25em ) { .hero-area article { padding-top: 0.813rem; padding-bottom: 0.813rem; font-size: 0.938rem; } } @media ( max-width: 48em ) { .hero-area article { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; } } @media ( max-width: 37.5em ) { .hero-area article { padding: 0 !important; float: none !important; width: 100% !important; font-size: 1rem; } } .hero-area-heading { display: inline-block; border-radius: 0.188rem; margin-bottom: 1.625rem; line-height: 1.0; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); } .hero-area-body-text { border-radius: 0.188rem; margin-bottom: 1.625rem; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); } @media ( max-width: 37.5em ) { .hero-area-body-text { text-align: center; } } .hero-area-button .wpcmsdev-button { display: inline-block; } @media ( max-width: 37.5em ) { .hero-area-button { text-align: center; } } .content-background-enabled .hero-area-heading, .content-background-enabled .hero-area-body-text { margin-bottom: 0.313rem; padding: 0.813rem; background-color: rgba(0, 0, 0, 0.65); text-shadow: none; } /* Most Recent Post */ .homepage-top-feature.most-recent-post .featured-image-position-right .featured-image-container { margin-right: 0; float: right; } .homepage-top-feature.most-recent-post .featured-image-position-right .content-container { margin-right: 4%; } @media ( max-width: 48em ) { .homepage-top-feature.most-recent-post .column + .column { margin-top: 1.625rem; } } /* Video Call-to-action */ .video-call-to-action .content-position-left figure { margin-right: 0; float: right; } .video-call-to-action figure { min-height: 1px; margin-bottom: 0; background-color: transparent; } @media ( max-width: 72em ) { .video-call-to-action article { font-size: 0.938rem; } } @media ( max-width: 64em ) { .video-call-to-action article { font-size: 0.875rem; } } @media ( max-width: 56.25em ) { .video-call-to-action article { font-size: 0.813rem; } } @media ( max-width: 48em ) { .video-call-to-action article { margin-left: 0; } } .video-call-to-action-heading { margin-bottom: 1.625rem; } .video-call-to-action-body-text { margin-bottom: 1.625rem; } .video-call-to-action-embed-wrapper { position: relative; height: 0; padding-bottom: 56.25%; } .video-call-to-action-embed-wrapper embed, .video-call-to-action-embed-wrapper iframe, .video-call-to-action-embed-wrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media ( max-width: 48em ) { .video-call-to-action .column + .column { margin-top: 1.625rem; } } /*------------------------------------- 7.3 =Modular Homepage -------------------------------------*/ .modular-homepage-item { padding-top: 4.25rem; padding-bottom: 4.25rem; } @media ( max-width: 81.25em ) { .modular-homepage-item { padding-top: 3.438rem; padding-bottom: 3.438rem; } } @media ( max-width: 48em ) { .modular-homepage-item { padding-top: 2.625rem; padding-bottom: 2.625rem; } } @media ( max-width: 37.5em ) { .modular-homepage-item { padding-top: 1.625rem; padding-bottom: 1.625rem; } } .modular-homepage-item > .inner > :first-child { margin-top: 0; } .modular-homepage .homepage-module-title { text-align: center; } .modular-homepage .homepage-module-top-content, .modular-homepage .homepage-module-bottom-content { margin-left: auto; margin-right: auto; max-width: 42rem; line-height: 1.5; text-align: center; } .modular-homepage .homepage-module-bottom-content { margin-top: 2.125rem; } /* Call-to-action module */ .modular-homepage-item.type-call-to-action > .inner { text-align: center; } .modular-homepage-item.type-call-to-action > .inner > :last-child { margin-bottom: 0; } .homepage-top-feature + .main-content-sidebar-area .modular-homepage-item.type-call-to-action.item-position-1 { background-color: #363636; } .homepage-top-feature + .main-content-sidebar-area .modular-homepage-item.type-call-to-action.item-position-1 > .inner { margin: -1rem 0; } @media ( max-width: 48em ) { .homepage-top-feature + .main-content-sidebar-area .modular-homepage-item.type-call-to-action.item-position-1 > .inner { margin: 0; } } /*------------------------------------- 7.4 =Page Templates -------------------------------------*/ /* Child Pages Grid */ .child-pages-grid { margin-top: 3.438rem; margin-bottom: -2.125rem; } .child-pages-grid .wpcmsdev-columns .column { margin-bottom: 2.125rem; } /* Landing Page */ .landing-page .page-wrapper { margin-top: 2.125rem; } @media ( max-width: 64em ) { .landing-page .page-wrapper { margin-top: 1.625rem; } } @media ( max-width: 48em ) { .landing-page .page-wrapper { margin-top: 0; } } .landing-page .entry-header { padding-top: 2.125rem; } @media ( max-width: 48em ) { .landing-page .entry-header { padding-top: 1.625rem; } } /* Sitemap */ .sitemap { margin-top: 2.125rem; } .sitemap .widget { width: 50%; } /*----------------------------------------------------------------------------- 8. =Plugins -----------------------------------------------------------------------------*/ /*------------------------------------- 8.1 =Contact Form 7 -------------------------------------*/ .wpcf7 .wpcf7-form { border-radius: 0.188rem; margin: 0 0 1.625em; padding: 1.625em 1.625em 0; } .wpcf7 textarea { width: 100%; } .wpcf7 .wpcf7-display-none, .wpcf7 .ajax-error { display: none; } .wpcf7 span.wpcf7-not-valid-tip { display: block; color: #c40233; font-size: 0.938em; font-style: italic; } .wpcf7 .wpcf7-submit { vertical-align: middle; } .wpcf7 img.ajax-loader { margin-left: 0.813em; vertical-align: middle; } .wpcf7 .wpcf7-response-output { display: none; } /*------------------------------------- 8.2 =Jetpack -------------------------------------*/ /* Sharing */ .sharedaddy li:before { display: none; } /*----------------------------------------------------------------------------- 9. =Miscellaneous -----------------------------------------------------------------------------*/ .no-items { margin: 0; color: #c5c5c5; font-style: italic; } .modular-homepage-item .no-items { text-align: center; } .background-color-accent .no-items { color: #d1d1d1; } .background-color-alt .no-items { color: #b9b9b9; } .background-color-dark .no-items { color: #adadad; }