/** * Theme Name: Kameleon * Theme URI: http://abcfolio.com * Description: Welcome to Kameleon, the most advanced theme ever created for WordPress without compromising standards. * Version: 0.9.6 * Author: abcFolio * Author URI: http://abcfolio.com * Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready * Text Domain: kameleon-td * License: GNU General Public License v2.0 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /***direction: rtl; rtl ltr***background: transparent;**************************************************************************************************/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: baseline; outline: none; font-size: 100%; border: none; text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } html { font-size: 16px; } /* === Body === */ body { line-height: 1.6; font-size: 1rem; background-color: #ffffff; } body { overflow-x: hidden; } body { border-top: 0; border-bottom: 0;} body.rtl { direction: rtl; unicode-bidi: embed; } /* === FONTS HEADERS ====================================== */ h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 700;} h1, h2 { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid; } h3, h4 { margin-bottom: 1rem; } h5, h6 { margin-bottom: .75rem; } /* -- 40;32;25;22;21;20; ---------------------------------*/ h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5625rem; } h4 { font-size: 1.375rem; } h5 { font-size: 1.3125rem; } h6 { font-size: 1.25rem; } p { margin: 0 0 1rem 0; } .kamPOneLiner p, p.kamPOneLiner { margin: 0 0 1rem 0; } .kamPMB1 p, p.kamPMB1 { margin: 0 0 1rem 0; } .kamPMB05 p, p.kamPMB05 { margin: 0 0 .5rem 0; } /* -- HEADERS --- Smaller font. Border, Padding, Margins the same as default headers. ---------------*/ /*-- 32;25; ---------------*/ h1.kamHMediumBB { font-size: 2rem; } h2.kamHMediumBB { font-size: 1.5625rem; } /*-- 25;22; ---------------*/ h1.kamHSmallBB { font-size: 1.5625rem; } h2.kamHSmallBB { font-size: 1.375rem; } /*-- 22; 20; ---------------*/ h1.kamHXSmallBB { font-size: 1.375rem; } h2.kamHXSmallBB { font-size: 1.25rem; } /* -- HEADERS Font size the same. Border. Padding, Margins smaller than default headers ---------------*/ h1.kamHLargeShortBB, h2.kamHLargeShortBB, h1.kamHMediumShortBB, h2.kamHMediumShortBB { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid; } /* 40;32; 32;25;---------------*/ h1.kamHLargeShortBB { font-size: 2.5rem; } h2.kamHLargeShortBB { font-size: 2rem; } h1.kamHMediumShortBB { font-size: 2rem; } h2.kamHMediumShortBB { font-size: 1.5625rem; } /* Headers Border Color ---------------*/ h1, h2, h1.kamHLargeShortBB, h2.kamHLargeShortBB { border-color: #e3e3e3; } /* -- HEADERS -- No bottom border. Shorter bottom margins. ---------------------------------*/ h1.kamHLarge2Liner, h2.kamHLarge2Liner, h1.kamHLarge2Liner2, h2.kamHLarge2Liner2, h1.kamHLarge, h2.kamHLarge, h3.kamHLarge, h1.kamHLarge6, h2.kamHLarge6, h3.kamHLarge6, h1.kamHMedium, h2.kamHMedium, h3.kamHMedium, h1.kamHMedium6, h2.kamHMedium6, h3.kamHMedium6, h1.kamHSmall, h2.kamHSmall, h3.kamHSmall, h1.kamHSmall6, h2.kamHSmall6, h3.kamHSmall6, h1.kamHXSmall, h2.kamHXSmall, h3.kamHXSmall, h1.kamHXSmall6, h2.kamHXSmall6, h3.kamHXSmall6, h1.kamHXXSmall, h2.kamHXXSmall, h3.kamHXXSmall, h1.kamHXXSmall6, h2.kamHXXSmall6, h3.kamHXXSmall6{ font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;} h1.kamHLarge6, h2.kamHLarge6, h3.kamHLarge6, h3.kamHXLarge6, h1.kamHMedium6, h2.kamHMedium6, h3.kamHMedium6, h1.kamHSmall6, h2.kamHSmall6, h3.kamHSmall6, h1.kamHXSmall6, h2.kamHXSmall6, h3.kamHXSmall6, h1.kamHXXSmall6, h2.kamHXXSmall6, h3.kamHXXSmall6{ font-weight: 600; } /* --40;32;---------------*/ h1.kamHLarge2Liner { font-size: 2.5rem; margin-bottom: .2rem; } h2.kamHLarge2Liner { font-size: 2rem; margin-bottom: .2rem; } /* --40;32;25;---------------*/ h1.kamHLarge { font-size: 2.5rem; margin-bottom: 1.25rem; } h2.kamHLarge { font-size: 2rem; margin-bottom: 1rem; } h3.kamHXLarge6 { font-size: 2rem; margin-bottom: .5rem; } h3.kamHLarge { font-size: 1.5625rem; margin-bottom: .75rem; } h3.kamHLarge6 { font-size: 1.5625rem; margin-bottom: .5rem; } /* --32;25;22;---------------*/ h1.kamHMedium, h1.kamHMedium6 { font-size: 2rem; margin-bottom: 1.25rem; } h2.kamHMedium, h2.kamHMedium6 { font-size: 1.5625rem; margin-bottom: 1rem; } h3.kamHMedium, h3.kamHMedium6 { font-size: 1.375rem; margin-bottom: .5rem; } /* 25;22;20;---------------*/ h1.kamHSmall, h1.kamHSmall6 { font-size: 1.5625rem; margin-bottom: 1rem; } h2.kamHSmall, h2.kamHSmall6 { font-size: 1.375rem; margin-bottom: 1rem; } h3.kamHSmall, h3.kamHSmall6 { font-size: 1.25rem; margin-bottom: .5rem; } /* 22;20;16---------------*/ h1.kamHXSmall, h1.kamHXSmall6 { font-size: 1.375rem; margin-bottom: .5rem; } h2.kamHXSmall, h2.kamHXSmall6 { font-size: 1.25rem; margin-bottom: .5rem; } h3.kamHXSmall, h3.kamHXSmall6 { font-size: 1rem; margin-bottom: .2rem; } /* 20;18;16 ---------------*/ h1.kamHXXSmall, h1.kamHXXSmall6 { font-size: 1.25rem; margin-bottom: .5rem; } h2.kamHXXSmall, h2.kamHXXSmall6 { font-size: 1.125rem; margin-bottom: .5rem; } h3.kamHXXSmall, h3.kamHXXSmall6 { font-size: 1rem; margin-bottom: .2rem; } h3.kamMB5{ margin-bottom: .5rem; } h3.kamMB25{ margin-bottom: .25rem; } /*-- Fonts -------------------------------------------*/ .kamFS11R{font-size: .6875rem;} .kamFS12R{font-size: .75rem;} .kamFS14R{font-size: .875rem;} .kamFS16R{font-size: 1rem;} .kamFS18R{font-size: 1.125rem;} .kamFS20R{font-size: 1.25rem;} .kamFS24R{font-size: 1.5rem;} .kamFS28R{font-size: 1.75rem;} .kamFS30R{font-size: 1.875rem;} .kamFS32R{font-size: 2rem;} .kamFS36R{font-size: 2.25rem;} .kamFW400{font-weight: 400;} .kamFW600 {font-weight: 600;} .kamFW700 {font-weight: 700;} .kamGreen {color: #009721;} .kamLGray {color: #D7D7D7;} .kamGray25 {color: #404040;} .kamGray50 {color: #808080;} .kamGray70 {color: #bfbfbf;} .kamGray95 {color: #f2f2f2;} .kamRed { color: #cc0000; } .kamBlack { color: #000000; } .kamFF{ font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;} .kamFFV {font-family: Verdana, Geneva, Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none; } /* == FONTS for PAGE with DARK BACKGROUND ================================================================ */ .kamWhiteFonts, .kamWhiteFonts h1, .kamWhiteFonts h2,.kamWhiteFonts h3,.kamWhiteFonts h4,.kamWhiteFonts h5,.kamWhiteFonts h1{ color: #D7D7D7; } /* === FONTS END ========================================================== */ ol, ul { list-style: none; } ul { list-style: disc; margin: 0 0 .5rem 0; } ol { list-style: decimal; margin: 0 0 .5rem 0; } /* === and direction === */ *[dir="ltr"] { direction: ltr; unicode-bidi: embed; } *[dir="rtl"] { direction: rtl; unicode-bidi: embed; } /* === strong, bold, etc. ===*/ strong { font-weight: 600; } i { font-style: italic; } /* === Code === */ pre { font-size: .9rem; color:#000; background-color:#f8f9fa; border:1px solid #e3e3e3; overflow: auto; word-wrap: normal; margin: 0; padding: .5rem; } code { direction: ltr; text-align: left; font-family: monospace; } /* === Forms === */ input, textarea, button, select { font-family: inherit; } input, textarea { box-sizing: content-box; } input[type="submit"] { cursor: pointer; } :focus { outline: none; } form label, input[type="submit"], input[type="reset"], input[type="button"], button { cursor: pointer; } table { border-collapse: collapse; border-spacing: 0; } th, td { text-align: left; } hr { height: 1px; margin-bottom: 1.5rem; background: #999; border: none; } /* === IMAGES plfa =========================================== */ img { -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; } .plfaImgNoBorder img { border: 0; } img.kamImgNoBorder, .kamImgNoBorder img { border: 0; } img.kamImgCenter, .kamImgCenter img { display: block; margin-left: auto; margin-right: auto } img.alignleft, img.alignright { display: inline; } img.kamImgBorder1, .kamImgBorder1 img { border: 1px solid #e6e6e6; } img.kamImgBorder2, .kamImgBorder2 img { border: 1px solid #b3b3b3; } img.kamImgBorder3, .kamImgBorder3 img { border: 1px solid #808080; } img.kamImgBorder4, .kamImgBorder4 img { border: 1px solid #4d4d4d; } img.kamImgBorder5, .kamImgBorder5 img { border: 1px solid #1a1a1a; } .alignleft, .left { float: left; margin-right: 1.5rem; } .alignright, .right { float: right; margin-left: 1.5rem; } .aligncenter, .center { display: block; margin: 0 auto 1.5rem; } .alignnone { float: none; } .clear { clear: both; } /******************************************************************************************************** * 1.1 Font Face * * This section loads additional fonts needed by the theme. Adds the Genericons icon font. ********************************************************************************************************/ /******************************************************************************************************** * 1.2 - Layout * * This section of the stylesheet defines the overall layout of the theme's major structural elements. It * is essentially the foundation for the entire design. ********************************************************************************************************/ .kamPgBkgBlackLinen { background-image: url(images/bkg-linen-2000_2000.jpg); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .kamPgBkgBlackLinen #pgContainerX { background-image: url(images/bkg-linen-2000_2000.jpg); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .kamPgBkgBlackLinen #pgContainer { background-color: #ffffff; } .wrapMain, .wrapHdr { max-width: 1175px; margin: 0 auto; box-sizing: border-box; } .wrapFoot { margin: 0 auto; box-sizing: border-box; } .wrapHdrWide { width: 100%; box-sizing: border-box; } .wrapPrimaryMenuItems { max-width: 1175px; padding-left: 25px; padding-right: 25px; margin: 0 auto; box-sizing: border-box; position: relative;} /* === CONTENT CONTAINER === */ .wrapMain { font-size: 1.125rem; font-weight: 400; padding: 20px 20px 50px 20px; word-wrap: normal; word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .page-template-pg-wide-hdr .kamPgContainer, .page-template-pg-custom-hdr .wrapMain, .error-404 .wrapMain{ background-color: #ffffff; } /* === header image tag === */ .kamHdrImg { display: block; max-width: 100%; height: auto; margin: 0 auto; } .slHdrBkgImg { clear: both; background-position: center top; background-repeat: no-repeat; background-size: auto; background-color: #06122a; height: 300px; width: 100%; background-image: url(images/abcfolio-quality-wordpress-plugins-3000_300.jpg); } /* === FOOTER background: #f6f6f6fb;=== */ .wrapFoot { padding: 1rem 0 1rem 0; margin-bottom: 0px; font-size: 0.9375rem; font-family: 'Open Sans', sans-serif; text-align: center; overflow: hidden; } /* === HEADER WIDTH === */ /* === SIDEBAR LAYOUTS === */ /* Layout adjustments when the screen width is 950+. .layout-2c-r #content { width: 63.41%;*/ @media only screen and ( min-width: 950px ) { /* === abcf === 75 */ #sidebar-primary { width: 25.27%; max-width: 100%; } .layout-2c-l #content, .layout-2c-r #content { width: 71.73%; } .layout-2c-l #content, .layout-2c-r #sidebar-primary { float: left; } .layout-2c-r #content, .layout-2c-l #sidebar-primary { float: right; } } /* === Widget layouts. Sidebar section === */ @media only screen and ( min-width: 300px ) and ( max-width: 600px ) { h1.kamHLarge2Liner { font-size: 1.5rem; margin-bottom: .1rem; } h2.kamHLarge2Liner { font-size: 1.5rem; margin-bottom: .1rem; } } @media only screen and ( min-width: 700px ) and ( max-width: 950px ) { #sidebar-primary .widget { width: 47.5%; } .ltr #sidebar-primary .widget { float: left; margin-right: 5%; } .rtl #sidebar-primary .widget { float: right; margin-left: 5%; } #sidebar-primary .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; } #sidebar-primary .widget:nth-child( 2n + 1 ) { clear: both; } h1.kamHLarge2Liner { font-size: 1.5rem; margin-bottom: .1rem; } h2.kamHLarge2Liner { font-size: 1.5rem; margin-bottom: .1rem; } } @media only screen and ( min-width: 700px ) { .sidebar-col-2 .widget, .sidebar-col-3 .widget { width: 47.5%; } .ltr .sidebar-col-2 .widget, .ltr .sidebar-col-3 .widget { float: left; margin-right: 5%; } .rtl .sidebar-col-2 .widget, .rtl .sidebar-col-3 .widget { float: right; margin-left: 5%; } .sidebar-col-2 .widget:nth-child( 2n ), .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; } .sidebar-col-2 .widget:nth-child( 2n + 1 ), .sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: both; } } @media only screen and ( min-width: 800px ) { .sidebar-col-3 .widget { width: 30%; } .ltr .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 5%; } .rtl .sidebar-col-3 .widget:nth-child( 2n ) { margin-left: 5%; } .sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: none; } .sidebar-col-3 .widget:nth-child( 3n ) { margin-right: 0; margin-left: 0; } .sidebar-col-3 .widget:nth-child( 3n + 1 ) { clear: both; } } /******************************************************************************************************** * ====== End Layout ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.3 - Defaults * * This section handles the default style rules for the majority of possible HTML elements and other WordPress-specific classes. ********************************************************************************************************/ /* === Links = 4183c4 == */ a { cursor: pointer; } a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:hover, a:focus { text-decoration: underline; } /* === plfa === */ .entry-contentX a, .entry-summaryX a { padding-bottom: 2px; border-bottom: 1px solid; } .kamLinkNoBB a { padding-bottom: 0; border-bottom: none; } div.entry-content a, span.entry-terms a, div.loop-nav a, a.post-edit-link, a.url.fn.n { color: #2d78c4; } .entry-content a:hover,.entry-content a:focus,.entry-summary a:hover,.entry-summary a:focus,.comment-content a:hover,.comment-content a:focus { text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid; } a.img-hyperlink,a.img-hyperlink:hover,a.img-hyperlink:focus,.entry-content a.permalink,.entry-content a.comments-link { padding: 0; border: none; } /* === Code and Preformatted text === */ code { display: inline-block; padding: 2px; font-size: 1rem; font-weight: 400; border: 1px solid; } body pre, body code { font-family: Monaco, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; } /* === Lists === */ .ltr .widget ul { margin-left: 1.5rem; } .rtl .widget ul { margin-right: 1.5rem; } /* === Forms === */ fieldset { margin: 0 0 1.5rem; padding: 1.5rem 1.5rem 0; border: 1px solid; } legend { padding: 0.375rem 1.5rem; border: 1px solid; font-size: 1rem; font-weight: 600; } label { font-size: 0.9375rem; font-weight: 400; cursor: pointer; } .label-checkbox, .label-radio { font-size: 1.125rem; } label:focus, label.focus { text-decoration: underline; } input { display: block; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="date"], input[type="search"], input[type="text"], input[type="email"], input[type="url"], textarea, select { padding: 10px 1.5rem; font-size: 1.125rem; border: 1px solid; opacity: 0.75; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input[type="date"], input[type="email"], input[type="search"], input[type="text"], input[type="url"], textarea, select { width: 100%; } input[type="date"], input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus { opacity: 1; } input[type="submit"], input[type="reset"], input[type="button"], button { display: inline-block; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 400; border: none; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, button:focus, .menu-toggle button:hover, .media-info-toggle:hover { text-decoration: underline; } select { font-size: 1rem; padding: 7px; } textarea { min-height: 300px; padding: 1.5rem; } /** * Images * --------------------------------------------------------------------------- */ /* === Captions === */ /* === Gallery === */ /* === Avatars === */ /* === Embeds === */ /* === Clearing Floats === */ .clearfix::after, #header::after, #menu-secondary::after, #menu-primary .wrapPrimaryMenuItems::after, #menu-secondary .wrap::after, #wrapMain::after, #sidebar-subsidiary::after, #footer::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /******************************************************************************************************** * ====== End Defaults ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.4 - Genericons * * This section defines the CSS rules for handling Genericons, the icon font used in this theme. ******************************************************************************************************** wrap/ /* Widgets */ .widget-title > .wrap::before{ display: inline-block; font-family: 'Genericons'; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; } /* Widgets */ /*** .widget-title > .wrap::before { content: '\f408'; }******/ .ltr .widget-title > .wrap::before { padding-right: 3px; } .rtl .widget-title > .wrap::before { padding-left: 3px; } /* WP nav menu widget .widget_nav_menu .widget-title > .wrap::before { content: '\f419'; font-size: 14px; } */ .widget_nav_menu .widget-title > .wrap::before { font-size: 14px; } .ltr .widget_nav_menu .widget-title > .wrap::before { padding-right: 5px; } .rtl .widget_nav_menu .widget-title > .wrap::before { padding-left: 5px; } /* WordPress / Widgets Reloaded widgets. */ /******************************************************************************************************** * ====== End Genericons ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.5 - Header and Footer * * Handles the output of the site header and footer content. ******************************************************************************************************** /** * Handles the output of the header content. */ #headerIMGDocs { position: relative; background-color: #0f274b; width:100%; } #site-title { margin: 0; padding: 0; font-size: 2.125rem; border: none; } #site-title a:hover, #site-title a:focus { text-decoration: none; opacity: 0.75; border-bottom: 1px solid; } #site-description { padding: 0; font-size: 1.125rem; font-weight: 400; border: none; opacity: 0.5; } .en #site-description { font-style: italic; } /** Handles the output of the footer content. */ /******************************************************************************************************** * ====== End Header and Footer ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.6 - Main and Content * * This section deals with the #wrapMain section of the site, which wraps the content and primary sidebar. * Sidebars have their own section in this stylesheet. ********************************************************************************************************/ /******************************************************************************************************** * ====== End Main ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.8 - Sidebars and Widgets * * This section handles the output of sidebars and widgets. Note that the layout of sidebars is handled * in the layout section. There's also a few style rules for non-sidebar elements that have the same * design. **************************************************************************#404040; #4b4b4b;******************************/ .sidebar { font-size: 1rem; } .widget { margin: 0; padding: 0 0 .5rem 0; } .widget-title { border-bottom: 2px solid; } .widget-title > .wrap { display: inline-block; vertical-align: bottom; padding: 0.75rem 1.5rem 0.625rem; font-size: 0.8125rem; font-weight: 700; line-height: 16px; text-transform: uppercase; color: #ffffff; background-color: #595959; } h3.widget-title{ color:#595959;} /******************************************************************************************************** * === Sidebars and Widgets END ====== ********************************************************************************************************/ /******************************************************************************************************** * 1.10 - Menus * * This section of the CSS is for handling the design of the various menus used within the theme. ********************************************************************************************************/ /** * Primary menu * * The primary menu is shown at the top of the page. */ /* === abcf === */ #menu-primary { padding: 10px 0 0; } /* === abcf === */ #menu-primary li a { font-weight: 500; letter-spacing: 0.06em; font-family: 'Roboto', sans-serif;} @media only screen and (max-width: 799px) { #menu-primary > .wrapPrimaryMenuItem { padding: 0; } .menu-toggle { position: relative; display: inline-block; margin: 0; cursor: pointer; font-size: 0.8125rem; line-height: 24px; vertical-align: middle; } .menu-toggle button { position: relative; top: 0; background: transparent; } .ltr .menu-toggle button { left: 0; } .rtl .menu-toggle button { right: 0; } #menu-primary .menu-toggle button { margin: 0 0 10px; padding: 0; } .ltr #menu-primary .menu-toggle button { margin-left: 1.5rem; } .rtl #menu-primary .menu-toggle button { margin-right: 1.5rem; } /* === abcf === */ #menu-primary .menu-toggle button::before { content: '\f419'; display: inline-block; font-family: 'Genericons'; font-size: 24px; vertical-align: bottom; -webkit-font-smoothing: antialiased; } .ltr #menu-primary .menu-toggle button::before { padding: 0 0.75rem 0 0; } .rtl #menu-primary .menu-toggle button::before { padding: 0 0 0 0.75rem; } #menu-primary ul { margin: 0; list-style: none; } #menu-primary li { width: 100%; display: block; } #menu-primary li a { display: block; width: 100%; padding: 0.75rem 1.5rem; border-top: 1px solid; box-sizing: border-box; } .ltr #menu-primary li li a { padding-left: 3rem; } .rtl #menu-primary li li a { padding-right: 3rem; } } /* === MIN-WIDTH 800PX === */ @media only screen and (min-width: 800px) { .menu > .wrapPrimaryMenuItems { display: block !important; } .menu-toggle { position: absolute; } .ltr .menu-toggle { left: -9999em; } .rtl .menu-toggle { right: -9999em; } .menu ul { list-style: none; margin: 0; } .menu-items::before, .menu-items::after { content: ""; display: table; } .menu-items::after { clear: both; } .menu-items > ul { width: 100%; margin: 60px auto; } .menu ul ul { opacity: 0; visibility: hidden; position: absolute; z-index: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .menu li:hover > ul, .menu li:focus > ul, .menu li.focus > ul { opacity: 1; visibility: visible; } .menu li > ul::before { content: ''; position: absolute; top: -6px; border-width: 6px; border-style: solid; border-top: none; } .ltr .menu li > ul::before { left: 24px; } .rtl .menu li > ul::before { right: 24px; } .menu li li > ul::before { top: 22px; border-top-width: 6px; border-top-style: solid; } .ltr .menu li li > ul::before { left: -6px; border-right-width: 6px; border-right-style: solid; border-left: 0; } .rtl .menu li li > ul::before { right: -6px; border-right: 0; border-left-width: 6px; border-left-style: solid; } .menu li { display: inline-block; position: relative; } .menu li li { display: block; } .menu-items li li a { -webkit-transition: all 0 ease 0; -moz-transition: all 0 ease 0; -o-transition: all 0 ease 0; transition: all 0 ease 0; } /* ====== .menu li > a::after { content: '\f431'; display: inline-block; margin: -2px 0 0; font: normal 14px/1 'Genericons'; vertical-align: top; -webkit-font-smoothing: antialiased; }====== */ .ltr .menu li > a::after { padding-left: 5px; } .rtl .menu li > a::after { padding-right: 5px; } .menu li li > a::after { position: absolute; vertical-align: middle; margin: 3px 0 0; } .ltr .menu li li > a::after { right: 5px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .rtl .menu li li > a::after { left: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .menu li a:only-child::after { content: ''; } /* ====== Primary and Secondary Menus ====== */ /* Lists */ #menu-primary ul ul { width: 230px; margin: 20px 0 0; } #menu-primary ul ul { top: 43px; } #menu-primary .menu-items li:hover > ul, #menu-primary .menu-items li:focus > ul, #menu-primary .menu-items li.focus > ul { margin: 0; } .ltr #menu-primary ul ul, .ltr #menu-primary li:hover > ul, .ltr #menu-primary li:focus > ul, .ltr #menu-primary li.focus > ul { margin-left: -24px; } .rtl #menu-primary ul ul, .rtl #menu-secondary ul ul, .rtl #menu-primary li:hover > ul, .rtl #menu-primary li:focus > ul, .rtl #menu-primary li.focus > ul { margin-right: -24px; } #menu-primary.menu li li:hover > ul, #menu-primary.menu li li:focus > ul, #menu-primary.menu li li.focus > ul { margin: 0; } #menu-primary ul ul ul { top: 0; margin: 0; } .ltr #menu-primary ul ul ul { left: 236px; margin-left: 20px; } .rtl #menu-primary ul ul ul { right: 236px; margin-right: 20px; } /* List items */ /* List item links */ #menu-primary li a { display: block; font-size: 0.9125rem; line-height: 1; text-transform: uppercase; } #menu-primary li a { padding: 0.75rem 0 1.25rem; } .ltr #menu-primary li a { margin-right: 1.5rem; } .rtl #menu-primary li a { margin-left: 1.5rem; } #menu-primary li li a { position: relative; display: block; width: 180px; padding: 18px 25px; font-size: 0.75rem; font-weight: 400; line-height: 1.5; border-top: 1px solid; } } /******************************************************************************************************** * ====== End Menus ====== ********************************************************************************************************/ /******************************************************************************************************** * 2 - Fun Zone * * This section of the stylesheet is what I call the fun area. For the most part, you should feel free * to overwrite the following in your child theme's `style.css` file if your design calls for it. * Specifically, this deals with fonts and colors. Those things are really the things that give your * child theme its uniqueness. Have fun with it. Go wild! ********************************************************************************************************/ /** * 2.1 - Font Family Definitions * * This theme operates with three dinstinct font rules. The "primary" font is used for the majority of * text throughout the theme. The "secondary" font is used for handling secondary use cases. The * "headlines" font is specific to h1-h6 headers (with the exception of #site-description). */ /* ====== Primary Font ====== */ .font-primary, body, input, textarea, .label-checkbox, .label-radio, .required, #site-description, #reply-title small { font-family: "Open Sans",Arial,sans-serif; } /* ====== Secondary Font ====== */ .font-secondary, dt, th, legend, label, input[type="submit"], input[type="reset"], input[type="button"], button, select, option, .menu { font-family: 'Open Sans', Arial, sans-serif; } /** * 2.2 - Color Definitions * * The following are all of the colors defined by the theme. The only other colors are part of the theme * customizer options and should not be overwritten. If needed, copy the specific sections below into * your child theme and make the necessary changes there. */ /* ====== color: #656565 ====== */ body { color: #444444; } /* ====== border-color ====== */ hr, code, pre, fieldset, legend, input, select, textarea, .entry, #sidebar-subsidiary, .comment-content { border-color: #e3e3e3; } /* ====== color: #555 ====== */ h6, label:hover, label:focus, label.focus, .loop-pagination .current { color: #555; } /* ====== color: #858585 ====== */ caption, td, label { color: #858585; } input, textarea, select { color: #303030; } /* ====== background: #252525 ====== */ #menu-primary { background: #252525; } /* ====== background: transparent ====== */ /* ====== background: #fff ====== */ html { background: #fff; } /* ====== Other colors ====== */ h1 { color: #303030; } h2 { color: #353535; } h3 { color: #404040; } h4 { color: #454545; } h5 { color: #505050; } code { color: #000; background: #f6f6f6; } tr, thead, tfoot, td { border-color: #f3f3f3; } td { background: #fcfcfc; } input[type="text"], textarea, select { background: #f3f3f3; border-color: #cccccc; } input[type="text"]:focus, textarea:focus, select:focus { color: #555; background: #efefef; border-color: #a6a6a6; } #menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); } #menu-primary li a, #menu-primary .menu-toggle button:hover, #menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); } /* === abcf MENU === */ @media only screen and (max-width: 799px) { #menu-primary li a { color: rgba( 255, 255, 255, 0.75 ); background: #1f1f1f; border-color: #1c1c1c; } #menu-primary li a:hover, #menu-primary li a:focus{ color: #fff; background: #191919; } /* === abcf === */ .kamMenuLogo { float: none; } .kamMenuTxt { float: none;} } #site-title a:hover, #site-title a:focus { border-bottom-color: #d3d3d3; } .entry-title, .entry-title a { color: #252525; } .entry-footer, .comment-meta { color: rgba( 85, 85, 85, 0.75 ); } #footer a { color: rgb(153, 153, 153); } /* Menu colors */ @media only screen and (min-width: 800px) { .menu li > ul::before { border-right-color: transparent; border-bottom-color: #252525; border-left-color: transparent; } .menu li li > ul::before { border-top-color: transparent; border-bottom-color: transparent; } .ltr .menu li li > ul::before { border-right-color: #252525; } .rtl .menu li li > ul::before { border-left-color: #252525; } #menu-primary li li a, #menu-secondary li li a { background: #1f1f1f; border-color: #1d1d1d; } #menu-primary ul ul li a:hover, #menu-secondary ul ul li a:hover, #menu-primary ul ul li a:focus, #menu-secondary ul ul li a:focus { background: #191919; } #menu-primary .search-form .search-toggle::before { color: rgba( 255, 255, 255, 0.75 ); } #menu-primary .search-toggle:hover::before, #menu-primary .search-toggle:focus::before { color: #fff; } /* === abcf MENU === */ .kamMenuLogo { float: left;} .kamMenuTxt { float: right;} } /* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */ /* * Colors Danger Zone: The white color is used in contrast to the 'primary' theme color. It's not recommended to * overwrite this specific color section. If overwriting, it should be a very light color. */ blockquote, blockquote a:hover, blockquote a:focus, .entry-content blockquote a:hover, .entry-content blockquote a:focus, .wp-calendar td.has-posts a, #menu-primary .menu-toggle button:hover, #menu-primary .menu-toggle button:focus, #menu-primary li.current-menu-item > a, #menu-primary li a:hover, #menu-primary li a:focus, #menu-secondary li li a:hover, #menu-secondary li li a:focus, .page-links a, .page-links a:hover, .page-links a:focus, .widget-title > .wrap, .widget-title > .wrap a { color: #fff; } blockquote { border-color: rgba( 255, 255, 255, 0.15 ); } blockquote a, .entry-content blockquote a { color: rgba( 255, 255, 255, 0.75 ); border-color: rgba( 255, 255, 255, 0.25 ); } blockquote a:hover, blockquote a:focus, .entry-content blockquote a:hover, .entry-content blockquote a:focus { border-color: #fff; } /* =/=/=/=/=/= End colors danger zone. =/=/=/=/=/= */ /******************************************************************************************************** * This concludes the fun area for making your child theme unique. ********************************************************************************************************/ /* === abcf === */ .menu { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #1a1a1a; } .kamMenuTxt::after { content: "."; display: block; height: 0; clear: both; } /*== CUSTOM STYLES =========================================================*/ /*-- Floats -------------------------------------------*/ .kamFloatsCntr { position: relative; margin-top: 10px; } .kamFntW { float: left; width: 90px; } .kamFntF, .kamFntS, .kamFntSh, .kamFntClr, .kamFntCI { float: left; margin-left: 8px; } .kamFntS { width: 90px; } .kamFntF { width: 240px; } .kamFntSh { width: 75px; } .kamFntClr { width: 65px; } .kamFntCI { width: 110px; } /******************************************************************************************************** * LISTS ********************************************************************************************************/ .ltr ul.kamML0, .ltr ol.kamML0{ margin-left: 0; padding-left: 1.1em; } .ltr ul.kamML10, .ltr ol.kamML10{ margin-left: 10px; padding-left: 1.1em; } .ltr ul.kamML20, .ltr ol.kamML20{ margin-left: 20px; padding-left: 1.1em; } .kamLi1 > li { margin-bottom: 1px; } .kamLi5 > li { margin-bottom: 5px; } .kamLi10 > li { margin-bottom: 10px; } .kamLi15 > li { margin-bottom: 15px; } .kamLi20 > li { margin-bottom: 20px; } .kamLi25 > li { margin-bottom: 25px; } .kamLi1 > li:last-child, .kamLi5 > li:last-child, .kamLi10 > li:last-child, .kamLi15 > li:last-child, .kamLi20 > li:last-child, .kamLi25 > li:last-child { margin-bottom: 0; } .kamHelp ul li { padding-bottom: 6px; } /*-- Vertical Menu ----------------------------------*/ .ltr .widget .kamVMenuCntr ul { list-style-type: none; margin: 0; padding: 0; } .kamVMenuCntr a, .kamVMenuCntr li li a, .kamVMenuCntr li li li a { display: block; text-decoration: none; border-bottom: 1px solid #828282; font-weight: 400; color: #333333; } .kamVMenuCntr a { padding: 10px 2px 10px 0; } .kamVMenuCntr li li a { padding: 10px 2px 10px 17px; } .kamVMenuCntr li li li a { padding: 10px 2px 10px 30px; } .kamVMenuCntr a:hover {color: #a6a6a6; } #kamVMenuUl li.current-menu-item>a{ color: #B84300 } .kamFW600 a {font-weight: 600;} .kamFW700 a {font-weight: 700;} /* == HLine ================================================================ */ .kamHLine1, .kamHLine2, .kamHLine3, .kamHLine4 { border-top-style: solid; border-top-color: #d9d9d9; line-height: 1px; min-height: 1px; } .kamHLine1 { border-top-width: 1px; } .kamHLine2 { border-top-width: 2px; } .kamHLine3 { border-top-width: 3px; } .kamHLine4 { border-top-width: 4px; } .kamHLineDGray { border-top-color: #666666; } .kamHLineGray { border-top-color: #999999; } .kamHLineLGray { border-top-color: #d9d9d9; } /* ===WIDTH=========================== */ .kamWidth100Pc{width:100%;} .kamWidth90Pc{width:99%;} .kamWidth98Pc{width:98%;} .kamWidth96Pc{width:96%;} .kamWidth94Pc{width:94%;} .kamWidth92Pc{width:92%;} .kamWidth90Pc{width:90%;} .kamWidth88Pc{width:88%;} .kamWidth86Pc{width:86%;} .kamWidth84Pc{width:84%;} .kamWidth82Pc{width:82%;} .kamWidth75Pc{width:75%;} .kamWidth70Pc{width:70%;} .kamWidth60Pc{width:60%;} .kamWidth50Pc{width:50%;} .kamWidth40Pc{width:40%;} .kamWidth30Pc{width:30%;} /*-- Margins -------------------------------------------*/ .kamMTop0{ margin-top: 0; } .kamMTop5{ margin-top: 5px; } .kamMTop10{ margin-top: 10px; } .kamMTop15{ margin-top: 15px;} .kamMTop20{ margin-top: 20px;} .kamMTop30{ margin-top: 30px;} .kamMTop40{ margin-top: 40px;} .kamMTop50{ margin-top: 50px;} .kamMTop60{ margin-top: 60px;} .kamMTop70{ margin-top: 70px;} .kamMBottom0{ margin-bottom: 0px; } .kamMBottom5{ margin-bottom: 5px; } .kamMBottom10{ margin-bottom: 10px; } .kamMBottom15{ margin-bottom: 15px; } .kamMBottom20{ margin-bottom: 20px; } .kamMBottom30{ margin-bottom: 30px; } .kamMBottom40{ margin-bottom: 40px; } .kamMBottom50{ margin-bottom: 50px; } .kamMBottom100{ margin-bottom: 100px; } .kamMBottom200{ margin-bottom: 200px; } .kamMBottom300{ margin-bottom: 300px; } .kamMBottom400{ margin-bottom: 400px; } .kamMBottom500{ margin-bottom: 500px; } .kamMBottom1r{ margin-bottom: 1rem; } .kamML1P{ margin-left: 1%; } .kamML2P{ margin-left: 2%; } .kamML3P{ margin-left: 3%; } .kamML4P{ margin-left: 4%; } .kamML5P{ margin-left: 5%; } .kamML6P{ margin-left: 6%; } .kamML7P{ margin-left: 7%; } .kamML8P{ margin-left: 8%; } .kamML9P{ margin-left: 9%; } .kamML10P{ margin-left: 10%; } .kamMR1P{ margin-right: 1%; } .kamMR2P{ margin-right: 2%; } .kamMR3P{ margin-right: 3%; } .kamMR4P{ margin-right: 4%; } .kamMR5P{ margin-right: 5%; } .kamMR6P{ margin-right: 6%; } .kamMR7P{ margin-right: 7%; } .kamMR8P{ margin-right: 8%; } .kamMR9P{ margin-right: 9%; } .kamMR10P{ margin-right: 10%; } .kamMLR1P{ margin-left: 1%; margin-right: 1%; } .kamMLR2P{ margin-left: 2%; margin-right: 2%; } .kamMLR3P{ margin-left: 3%; margin-right: 3%; } .kamMLR4P{ margin-left: 4%; margin-right: 4%; } .kamMLR5P{ margin-left: 5%; margin-right: 5%; } .kamMLR6P{ margin-left: 6%; margin-right: 6%; } .kamMLR7P{ margin-left: 7%; margin-right: 7%; } .kamMLR8P{ margin-left: 8%; margin-right: 8%; } .kamMLR9P{ margin-left: 9%; margin-right: 9%; } .kamMLR10P{ margin-left: 10%; margin-right: 10%; } /*-- Padding -------------------------------------------*/ .kamPTop70 { padding-top: 70px; padding-bottom: 0;} .kamPTop60 { padding-top: 60px; padding-bottom: 0;} .kamPTop50 { padding-top: 50px; padding-bottom: 0;} .kamPTop40 { padding-top: 40px; padding-bottom: 0;} .kamPTop30 { padding-top: 30px; padding-bottom: 0;} .kamPTop20 { padding-top: 20px; padding-bottom: 0;} .kamPad1P{ padding: 1%; } .kamPad2P{ padding: 2%; } .kamPad3P{ padding: 3%; } .kamPad4P{ padding: 4%; } .kamPad5P{ padding: 5%; } .kamPad6P{ padding: 6%; } .kamPad7P{ padding: 7%; } .kamPad8P{ padding: 8%; } .kamPad9P{ padding: 9%; } .kamPad10P{ padding: 10%; } /* -- ALIGMENT ----------------------------------------- */ .kamTxtRight { text-align: right; } .kamTxtLeft { text-align: left; } .kamTxtCenter { text-align: center; } .kamMLRAuto { margin-left: auto; margin-right: auto } .kamHypensN {-moz-hyphens: none; hyphens: none;} .kamHDivider { border-top-color: #999999; border-top-style: solid; border-top-width: 2px; line-height: 1px; margin-top: 20px; padding-bottom: 20px; width: 100%; } /*--- MISC ------------------------------------------*/ .kamClr { clear: both; font-size: 1px; margin: 0; padding: 0; border: 0; height: 0; } .kamNoHypens { -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } .kam404Img { padding-top: 50px; padding-bottom: 400px;} .kam404Img img { display: block; margin-left: auto; margin-right: auto } .kamCntLRBorderX{border-left-style: solid; border-left-width: 1px; border-left-color: #d9d9d9; border-right-style: solid; border-right-width: 1px; border-right-color: #d9d9d9;} .kamCntLRBorderDX{border-left-color: #313131; border-right-color: #313131;} /* == PLFA ================================================================ */ .plfaMenuLogoLX{padding-top: 10px; } .plfaFlagWX{border-top: 2px solid; border-top-color: #FFFFFF;} .plfaFlagRX{border-top: 2px solid; border-top-color: #FF0000;} .plfaSiteTitle { text-shadow: 2px 2px 2px #C2C2C2; } .plfaSiteTitle h5 { font-family: 'Oswald' , sans-serif; font-weight: 700; letter-spacing: 1px; text-align: left; line-height: 0; padding: 0 0 5px 0; margin: 1.5rem 0 1.5rem 0; border-bottom: 4px solid #DDDDDD; } .plfaSiteTitle h5 span { background: #FFFFFF; padding: 0 15px 0 0; } .plfaSiteTitle h1 { font-family: 'Open Sans' , Arial, sans-serif; margin-bottom: 1.5rem; padding-bottom: 2rem; } .kamSmallMB h1, .kamSmallMB h2, .kamSmallMB h3, .kamSmallMB h4, .kamSmallMB h5, .kamSmallMB h6, .kamSmallMB p {margin-bottom: 1rem;} /* == PLFA - Instructions ================================================================ */ .plfaInstructionsCntr p, .plfaInstructionsCntr ul, .kamSectionTitle { font-family: Verdana,Arial,Helvetica,sans-serif; color: #353535; } .kamSectionTitle { font-size: 24px; font-weight: 700; } .plfaInstructionsCntr p, .plfaInstructionsCntr ul { font-size: 14px; font-weight: 400; } .plfaInstructionsCntr p { margin-top: 10px; margin-bottom: 5px; line-height: 160%;} .plfaInstructionsCntr ul { margin-top: 20px; margin-bottom: 0; padding-top: 0; } .plfaInstructionsCntr li { padding-bottom: 10px; } .plfaHDivider { border-top-color: #999999; border-top-style: solid; border-top-width: 2px; line-height: 1px; margin-top: 20px; padding-bottom: 20px; width: 100%; } /* == abcFolio ================================================================ */ .plfaMenu{border-bottom: 2px solid;} .abcfMenuLogoL{padding-top: 1px;} /* == PLUGIN COMPARE Packages Version 2 ================================================== */ .pcCntr * { box-sizing: border-box; } .pcCntr ul, .pcCntr ol { list-style-image: none; list-style-position: outside; list-style-type: none; margin-left: 0; margin-bottom: 0; } a.pcCntr, .pcCntr a ,a.pcBtnCTA, .pcBtnCTA a{ text-decoration: none; } /* Container */ .pcCntrCols { padding: 0; margin-left:auto; margin-right:auto;} .pcCntrCols3 { width: 720px; } .pcCntrCols2 { width: 520px; } /* Packages */ section.pcCntr ul.pcPkgs { clear: both; float: left; width: 100%; border-bottom: 1px solid #ccc; } section.pcCntr ul.pcPkgs li.pcRow { clear: both; float: left; width: 100%; } section.pcCntr ul.pcPkgs li.pcRow.last ul li { padding: 30px 10px; } section.pcCntr ul.pcPkgs li.pcRow ul { clear: both; float: left; width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } section.pcCntr ul.pcPkgs li.pcRow ul li { float: left; padding: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; font-size: 14px;} section.pcCntrCols3 ul.pcPkgs li.pcRow ul li { width: 33%; text-align: center; } section.pcCntrCols3 ul.pcPkgs li.pcRow ul li.pcFeature { width: 34%; text-align: left; } section.pcCntrCols2 ul.pcPkgs li.pcRow ul li { width: 45%; text-align: center; } section.pcCntrCols2 ul.pcPkgs li.pcRow ul li.pcFeature { width: 55%; text-align: left; } section.pcCntr ul.pcPkgs li.pcRow ul li.pcFeature.last { padding-right: 30px; } section.pcCntr ul.pcPkgs li.pcRow ul li.pcYes { text-indent: -9999px; background: url(images/icons/tick.svg) center no-repeat; background-size: 20px 20px; } section.pcCntr ul.pcPkgs li.pcRow ul li.pcNo { text-indent: -9999px; background: url(images/icons/cross.svg) center no-repeat; background-size: 20px 20px; } section.pcCntr ul.pcPkgs li.pcRow ul li:last-child { border-right: none; float: right; } /* Buttons section.pcCntr ul.pcPkgs li.pcRow ul li a.pcBtnCTA */ section.pcCntr a.pcBtnCTA { display: block; margin: 0 auto; padding: 0; max-width: 142px; width: 100%; font-size: 16px; line-height: 38px; text-transform: uppercase; font-weight: 400; color: #FFFFFF; background: #00b300; border: 1px solid #009900; text-align: center; text-decoration: none !important; outline: none; cursor: pointer; } .pcHeaderColumn { min-height: 210px; } section.pcCntr ul.pcPkgs li.pcHeader ul { border-left: 1px solid transparent; } section.pcCntr ul.pcPkgs li.pcHeader ul li { padding: 0 0 0; position: relative; } section.pcCntr ul.pcPkgs li.pcHeader li.pcBlank { border-top: 1px solid transparent; } section.pcCntr ul.pcPkgs li.pcHeader .pcNameCntr { background: #f1f1f1; padding: 12px; } section.pcCntr ul.pcPkgs li.pcHeader .pcNameCntr.pcNamePro { background: #3e3e3e; } section.pcCntr ul.pcPkgs li.pcHeader .pcNameCntr.pcNamePro .pcName { color: #ffffff; } section.pcCntr ul.pcPkgs li.pcHeader .pcName { padding: 0; text-align: center; color: #222222; font-weight: 400; font-size: 24px; line-height: 24px; display: block; margin: 0 0 6px 0; } section.pcCntr ul.pcPkgs li.pcHeader .pcPrice { padding: 14px 10px 0px 10px; text-align: center; font-weight: 400; font-size: 56px; line-height: 56px; color: #3e3e3e; display: block; } section.pcCntr ul.pcPkgs li.pcHeader .pcPrice span { margin-left: -12px; display: inline-block;} section.pcCntr ul.pcPkgs li.pcHeader .pcPrice sup { vertical-align:top; display: inline-block; padding: 0; font-size: 32px; margin-right: -10px;} section.pcCntr ul.pcPkgs li.pcHeader .pcCTA { padding: 20px 10px 20px 10px; text-align: center; border: none; display: block; } section.pcCntr ul.pcPkgs li.pcSubHeader { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-weight: 600; font-size: 16px; padding: 10px 15px; background: #eee; } section.pcCntr ul.pcPkgs li.pcHeader .pcName, section.pcCntr ul.pcPkgs li.pcHeader .pcPrice, section.pcCntr a.pcBtnCTA { font-family: "Open Sans", Verdana , "Helvetica Neue" , Helvetica, Arial, sans-serif; } @media only screen and (max-width: 960px) { .pcCntr {width: 100%; margin: 0;} } .pcHdrCntr{ border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .pcPlugiName { background: #3e3e3e; color: #ffffff; padding: 12px; font-size: 24px; line-height: 24px; display: block; margin: 0 0 0 0; } .pcPrice1 { padding-top: 5px; font-size: 56px; line-height: 56px; color: #3e3e3e; } .pcBuyCntr { padding: 5px 0 20px 0; border: none; } .pcPlugiName, .pcPrice1 { text-align: center; font-weight: 400; font-family: "Open Sans", Verdana , "Helvetica Neue" , Helvetica, Arial, sans-serif; } /* == Header BACKGROUD IMAGE =========================== */ /* == Shortcode ========== */ .kamShortcodeY input[readonly] { background: #FFFF99; border: 1px solid #666666; color: #000000; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Consolas, Monaco, monospace; } .kamShortcodeG input[type="text"], .kamShortcodeG input[readonly] { background: #f3f3f3; border: 1px solid #cccccc; color: #000000; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Consolas, Monaco, monospace; } #kamScodeMax{padding: 5px .5rem;} .kamScodeMax input[type="text"], .kamScodeMax input[readonly] { padding: 5px .5rem; } .kamShortcodeTxt input[readonly] { color: #000000; font-family: Consolas, Monaco, monospace; } .abcflShortcode input[readonly] { background: #FFFF99; border: 1px solid #666666; color: #000000; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Consolas, Monaco, monospace; } .abcflShortcodeTxt input[readonly] { color: #000000; font-family: Consolas, Monaco, monospace; } .kamFFMono{font-family: Monaco, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;} /* == YOU TUBE START ================================ */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } /* == YOU TUBE END ================================ */ /* == FIELD TYPES START ========================== */ .kamTblFieldTypes table { border-collapse: collapse; border-spacing: 0; table-layout: auto; width: 100%; font-size: .875rem; } .kamTblFieldTypes ul{ margin: 0 0 .5rem 0; } section th { display: table-cell; word-wrap: break-word; padding: 12px 6px; line-height: 1.5; text-align: left; font-family: segoe-ui_semibold,Segoe UI Semibold,Segoe WP,Helvetica Neue,Helvetica,sans-serif; font-weight: 300; font-size: .875rem; vertical-align: bottom; border-width: 0 0 1px; border-style: solid; border-color: #e3e3e3; } section td, section th { display: table-cell; word-wrap: break-word; padding: 12px 6px; line-height: 1.5; vertical-align: top; border-width: 1px 0 0; border-style: solid; border-color: #e3e3e3; background: transparent; color: #444444; } .kamNWrap { white-space: nowrap; } /* == TABLE BUY - START ========================== */ section.kamBuy * { box-sizing: border-box; } .kamTblBuy { width: 100%; margin-bottom: 1rem; color: #212529; font-size: 1rem; border: 1px solid #dee2e6; } .kamTblBuy th, .kamTblBuy td { padding: 0.6rem; vertical-align: top; border: 1px solid #dee2e6; } .kamBuyNameCntr { padding: 20px; text-align: center; font-weight: 400; font-size: 24px; line-height: 24px; display: block; margin: 0; min-width: 200px } .kamBuyPro { background: #3e3e3e; color: #ffffff; } .kamBuyFree { background: #f1f1f1; color: #222222; } .kamBuyPrice { padding: 14px 10px 0px 10px; text-align: center; font-weight: 400; font-size: 56px; line-height: 56px; color: #3e3e3e; display: block; } .kamBuyPrice { font-family: "Open Sans", Verdana , "Helvetica Neue" , Helvetica, Arial, sans-serif; } .kamBuyPrice sup { vertical-align:top; display: inline-block; padding: 0; font-size: 36px; margin-right: -10px;} .kamBuyBtnCntr { padding: 15px 5px 5px 5px; text-align: center; border: none; display: block; } .kamBuySubHeader { font-size: 1.125rem; font-weight: 600; padding: 10px 15px; } td.kamBuySubHeader { border-top: 3px solid #d9d9d9; background: #f2f2f2; } .kamBuyYes { text-indent: -9999px; background: url(images/icons/tick.svg) center no-repeat; background-size: 20px 20px; } .kamBuyNo { text-indent: -9999px; background: url(images/icons/cross.svg) center no-repeat; background-size: 20px 20px; } td.kamBuyCenter { text-align: center; } /* == TABLE BUY - END ========================== */ /* == FIELD TYPES END ========================== */ .kamFrmCntr{ padding:20px 10px 10px 10px; } .kamBkgGray90{ background-color: #e6e6e6; } .kamBordersGray85{ border: 1px solid #d9d9d9; } .kamFlexEnd { display: flex; justify-content: flex-end; } .kamLSpace2 { letter-spacing: 2px; } /* -- Two boxes Left & Right----------------------------------- */ .kamFlexCntrLR { display: flex; justify-content: space-between; } .kamFlexItemR { text-align: center; } /* == GOOGLE SEARCH ========================== */ .widget_search { padding-bottom: 1rem; } .widget_search .widget-title{ display: none; } .widget_search .gsc-control-cse { padding: 0; } section td.gsc-input, section td.gsc-search-button{ padding: 0; border-width: 0;} /* == 404 ========================== */ .kamBkgColorWhite { background-color: #ffffff; } .kamPBottom50 { padding-bottom: 50px;} .kamPre pre{ font-size: 1rem; line-height: 1.5rem; border: 1px solid; border-color: #e3e3e3; margin-bottom: 0; padding: 1rem; } .kamPre code{ font-size: 1rem; margin-bottom: 0; padding: 0; } pre .kamTag {color: #0f58e0;} pre .kamAtn {color: #8e0ca5;} pre .kamAtv {color: #0b7942;} /* == Contact form ========================== */ input[type="submit"], input[type="reset"], input[type="button"], button { color: rgb(94, 94, 94); border: 1px; border-color: #6d6d6d; } .kamPOneLiners p, p .kamPOneLiners { margin: 0 0 1rem 0; } .form7submit { color: #595959; background-color: #e6e6e6; border-color: #6b6b6b; } .form7submit:focus, .form7submit:hover { color: #404040; background-color: #bfbfbf; box-shadow: none; } .kamPgNo, .kamPgNoB, .kamPgNoG { margin-top: 70px; font-size: .75rem; } .kamPgNo { color: #D7D7D7; } .kamPgNoB { color: #000000; } .kamPgNoG { color: #696969; } .kamImgsRow { display: flex; justify-content: center; } .kamImgsRow figure { text-align: center; padding: 2%; } /* == Icon Font ========================== */ .kamYellow { color: #FFBC0B; } .kamIconMR5 i { margin-right: 5px; } .kamIconMR10 i { margin-right: 10px; } .kamIconMR20 i { margin-right: 20px; } div.kamIconLnk a { padding-bottom: 0; border-bottom: none; color:inherit; } .anchorjs-logo { background-image: url(data:image/png;base64,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); background-position: center center; margin: 20px auto; width: 200px; height: 200px; } .anchored a.anchorjs-link { font-size: 64px; } /* Search Form AVADA */ /* ================================================================================================= */ /* IcoMoon Font Face Definition ================================================================================================= */ @font-face { font-family: 'icomoon'; src: url('assets/fonts/icomoon/icomoon.eot'); src: url('assets/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('assets/fonts/icomoon/icomoon.woff') format('woff'), url('assets/fonts/icomoon/icomoon.ttf') format('truetype'), url('assets/fonts/icomoon/icomoon.svg?#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* IcoMoon Font Face Definition ================================================================================================= */ [class^="fusion-icon-"], [class*=" fusion-icon-"] { font-family: 'icomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .searchform .search-field { display: table-cell; vertical-align: top; } .searchform .search-button { display: table-cell; width: 33px; vertical-align: top; } .searchform .search-table .search-field input { color: #AAA9A9; background-color: #ffffff; border: 1px solid #D2D2D2; color: #747474; font-size: 13px; padding: 8px 15px; height: 33px; width: 100%; box-sizing: border-box; margin: 0; } .searchform .search-table .search-button input[type="submit"] { background: #000000; border: none; border-radius: 0; color: #FFFFFF; font-size: 14px; height: 33px; line-height: 33px; margin: 0; padding: 0; width: 33px; text-indent: 0; cursor: pointer; font-family: 'icomoon'; font-weight: normal; text-shadow: none; -webkit-font-smoothing: antialiased; transition: all .2s; } .searchform .search-table .search-button input[type="submit"]:hover { background: #A0CE4E; } .search-page-search-form-top { padding-bottom: 60px; border-bottom: 1px solid #E6E5E6; margin-bottom: 60px; } .search-page-search-form-bottom { padding-top: 60px; border-top: 1px solid #E6E5E6; margin-top: 60px; } .search-page-search-form .seach-form { text-align: right; } .search-page-search-form .seach-form .search-table .search-field input { text-indent: 0; } /* ========= postvilleschools.com ============== */ .staff-profile-link a, .staff-profile-link a:hover { color: #fff!important; display: block; font-size: 10pt; text-decoration: none!important; } .staff-profile-link a::before { content: "\f054"; font-family: "FontAwesome"; display: inline-block; text-align: center; text-decoration: none; font-size: 10pt; margin-right: 4px; } .staff-profile-link { background: #ef1a14 none repeat scroll 0 0; border-color: #ef1a14; border-radius: 0.25em; box-sizing: border-box; color: #ffffff !important; font-size: 1.15em; padding: 5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); display: inline-block; margin-top: 10px; } .staff-profile-link::after { content: ""; display: table; clear: both; } /* ========= KAPLICZKI PLFA ============== */ div.kamLnkBlack a { padding-bottom: 0; border-bottom: none; color: #616161; } div.kamLnkBlack a:hover, div.kamLnkBlack a:focus { color: #4183c4; }