/* --------------------------------------------------------------------------- :: ~Global Reset -------------------------------------------------------------------------- */ 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, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: baseline; outline: none; /*font-size: 100%;*/ background: transparent; border: none; text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block} b, hr, u, center, menu, layer, s, strike, strong, font, xmp { margin: 0; padding: 0; vertical-align: baseline; outline: none; font-size: 100%; font-weight: normal; font-style: normal; background: transparent; border: none; text-decoration: none; } cite, em,i { margin: 0; padding: 0; vertical-align: baseline; outline: none; font-size: 100%; font-weight: normal; background: transparent; border: none; text-decoration: none; } html { font-size: 18px; } p{line-height:150%;} body { font-family:"proxima-nova","proxima nova",Helvetica,Arial,sans-serif; font-weight:normal; font-size: 1em; line-height: 1.5; color: #555555; word-wrap: break-word; overflow-x: hidden; position: relative; padding-top: 74px; } body h1, body h2, body h3, body h4, body h5, body h6, body h1 a, body h2, body h3, body h4, body h5, body h6{color: #333;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #f49b6c;} a {color:#5aca30;cursor: pointer;text-decoration: none;} .single-blog-post .entry-content a{text-decoration: underline;} .single-blog-post .byline a, .single-blog-post a.button, .single-blog-post h1 a, .single-blog-post h2 a, .single-blog-post h3 a, .single-blog-post h4 a, .single-blog-post h5 a, .single-blog-post h5 a, .single-blog-post .highlight-section a{ text-decoration: none; } body#phpbb{padding-top: 76px;} #phpbb .sales_strip_button, #phpbb div.gform_wrapper input[type="submit"], #phpbb .navbar-search .inputbox.search.search-query {margin-top: 6px;} body#phpbb a.btn {padding: 9px 20px;} #phpbb .topic-actions .row-fluid .forum_pagination{width: 50%;} #phpbb .display-options select { vertical-align: middle;} /*#phpbb a.btn,*/ #phpbb button.button, #phpbb button, #phpbb input[type="reset"], #phpbb input[type="submit"], #phpbb input[type="button"], #phpbb a.button, #phpbb .button, #phpbb div.gform_wrapper, #phpbb input[type="submit"]{ font-weight:normal;font-size:14px; color:#fff; padding:15px 30px; } #phpbb .nav-tabs li.activetab a span{color:#555;} #phpbb.staff_user a.username-coloured{color:#f49b6c !important;} #phpbb.staff_user a.username-coloured:hover{color:#47b0e2 !important;} #phpbb #forum_content .well .postbody p.author{font-size:14px;} #phpbb select:focus{color:#555;} #phpbb #mcp .panel .inner fieldset.fields2{width:100%;} #phpbb #assign_topic_poster > label {margin-top: 14px;} a:hover {color: #47b0e2} a img {border: none} b, strong {font-weight: bold} i {font-style: italic} h1, h2, h3, h4 {font-weight: bold} h1 { font-size: 3em; line-height: 1; font-weight: 700; } h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 20px; line-height: 30px; } h4 { font-size: 18px; line-height: 24px; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 14px; line-height: 15px; } .tmpl-blog-listing .entry-summary h1{ font-size: 1.2em; font-weight: 600; line-height: 28px; } p {padding: 6px 0} ol {list-style: decimal inside} ul {list-style: none} dl {margin: 6px 0} dl dt { font-weight: bold; margin: 6px 0 0 0; } dl dd { font-weight: normal; margin: 0 0 0 40px; } abbr {cursor: help} acronym { text-transform: uppercase; border-bottom: 1px dashed #ccc; cursor: help; } big {font-size: 120%} small, sup, sub {font-size: 80%} sup { vertical-align: baseline; position: relative; bottom: 0.3em; } sub { vertical-align: baseline; position: relative; top: 0.3em; } address { font-style: italic; margin: 12px 0; } li address, dd address {margin: 0} blockquote { clear: both; background: url(images/bg_blockquote.png) top left no-repeat; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 30px; margin: 20px 0 0; padding: 0 0 20px 36px; } blockquote cite { width: 100%; font-size: 13px; line-height: 21px; text-align: left; display: block; clear: both; margin-top: 5px; padding-bottom: 15px; color: #999; } blockquote p {padding: 14px 0 16px} blockquote blockquote { background: transparent; font-size: 15px; } blockquote blockquote p {padding: 12px 0} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } audio, fig, iframe, img, object, param, video {border: none; max-width: 100%;} .attachment-image img { height: auto; width: auto; } img.size-full { height: auto; max-width: 100%; width: auto; } img.wp-smiley { background: transparent !important; border: 0 !important; margin: 0 !important; padding: 0 !important; } .entry-content audio, .entry-content iframe, .entry-content img, .entry-content object, .entry-content embed, .entry-content video, .comment-text audio, .comment-text iframe, .comment-text img, .comment-text object, .comment-text embed, .comment-text video, .textwidget audio, .textwidget iframe, .textwidget img, .textwidget object, .textwidget embed, .textwidget video { margin-top: 6px; margin-bottom: 6px; } .entry-content object embed, .comment-text object embed, .textwidget object embed { margin-top: 0; margin-bottom: 0; } .entry-content audio, .entry-content iframe, .entry-content img, .entry-content object, .entry-content embed, .entry-content video, .entry-content .wp-caption, .comment-text audio, .comment-text iframe, .comment-text img, .comment-text object, .comment-text embed, .comment-text video, .comment-text .wp-caption, .textwidget audio, .textwidget iframe, .textwidget img, .textwidget object, .textwidget embed, .textwidget video, .textwidget .wp-caption {max-width: 100%} .alignleft { float: left; margin: 18px 20px 12px 0; } .alignright { float: right; margin: 18px 0 12px 20px; } .aligncenter { display: block; margin: 18px auto; } .alignnone { clear: both; margin: 18px 0; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-top: 8px; margin-bottom: 8px; } img.imageborder { border: 8px solid #fff; box-shadow: 0 1px 5px rgba(0, 0, 1, 0.2), 0 0 18px rgba(0, 0, 0, 0.1) inset; max-width: calc(100% - 8px) !important; width: 100%; } /*article.post img.imageborder, article.hentry img.imageborder{ padding: 20px; }*/ img.imageborder.aligncenter {margin:10px auto;} .entry-content .alignleft>:first-child, .entry-content .alignright>:first-child, .entry-content .aligncenter>:first-child, .entry-content .alignnone>:first-child, .comment-text .alignleft>:first-child, .comment-text .alignright>:first-child, .comment-text .aligncenter>:first-child, .comment-text .alignnone>:first-child, .textwidget .alignleft>:first-child, .textwidget .alignright>:first-child, .textwidget .aligncenter>:first-child, .textwidget .alignnone>:first-child { margin-top: 0; margin-bottom: 0; } .layout-3c-c .alignleft, .layout-3c-l .alignleft, .layout-3c-r .alignleft, .layout-hl-2c-l .alignleft, .layout-hl-2c-r .alignleft, .layout-hr-2c-l .alignleft, .layout-hr-2c-r .alignleft, .layout-3c-c .alignright, .layout-3c-l .alignright, .layout-3c-r .alignright, .layout-hl-2c-l .alignright, .layout-hl-2c-r .alignright, .layout-hr-2c-l .alignright, .layout-hr-2c-r .alignright { float: none; margin-left: 0; margin-right: 0; } pre, table pre, .entry-content pre, .entry-content table pre { background: #fff none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.1); color: #222; font: 14px/24px monospace; margin: 18px 0; max-height: 250px; overflow: auto; padding: 12px 20px; } code { background: #ffa; color: #222; font-size: 15px; } pre code { background: transparent; font-size: 1em; } ins, dfn { font-style: italic; text-decoration: none; } del, s, strike {text-decoration: line-through} mark {color: #e00} object {margin: 18px 0} label { cursor: pointer; display: inline-block; margin: 0; padding: 0; font-size: 16px; font-weight: 600; } .hasDatepicker { display: block !important; float: left; clear: both !important; max-width: 330px !important; margin-bottom: 10px !important; } .ui-datepicker-trigger { display: inline-block !important; float: left; margin-top: 10px; } .ui-datepicker-trigger:hover {border: none} .rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .entry-content ul, .entry-content ul li {margin: 6px 0 } /* --- Buttons common style --- */ button, input[type="reset"], input[type="submit"], input[type="button"], a.button, .button, div.gform_wrapper input[type="submit"] { display: inline-block; background: #f49b6c; border-radius: 2px; border:0; cursor:pointer; font-size: 1em; font-weight:normal; color: #fff; text-shadow:none; padding:15px 30px; width: auto; transition:all ease-in-out .1s; } button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, .button:active, div.gform_wrapper input[type="submit"]:active { background: #2c3e50; position: relative; top: 1px; } button:focus, input:focus, select:focus, textarea:focus {z-index: 1} textarea, select[size], select[multiple] {height: auto} textarea { width: 100%; max-width: 500px !important; height: 180px; line-height: 24px; min-height: 36px; overflow: auto; resize: vertical; } optgroup {font-style: normal;font-weight: normal;} input:invalid, button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner { border: 0; padding: 0;} table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid #ddd\0/; border-left: 1px solid #ddd\0/; margin: 18px 0; width: 100%; } table caption { background: #f8f8f8; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; padding: 12px 20px; text-align: center; } tr.alt {background: #fcfcfc} th, td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid #ddd\0/; border-right: 1px solid #ddd\0/; padding: 12px 20px; text-align: left; vertical-align: top; } /* Table Head and Cell Variations */ .layout-3c-c th, .layout-3c-c td, .layout-3c-l th, .layout-3c-l td, .layout-3c-r th, .layout-3c-r td, .layout-hl-2c-l th, .layout-hl-2c-l td, .layout-hl-2c-r th, .layout-hl-2c-r td, .layout-hr-2c-l th, .layout-hr-2c-l td, .layout-hr-2c-r th, .layout-hr-2c-r td {padding: 10px} th {background: #f8f8f8} hr {background: none;height: 1px;margin-bottom: 24px;} .left {float: left} .right {float: right} .clear {clear: both} .clearfix {clear:both} .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } blockquote.alignleft, blockquote.alignright { margin-top: 0; width: 33%; } .layout-3c-c blockquote.alignleft, .layout-3c-c blockquote.alignright, .layout-3c-l blockquote.alignleft, .layout-3c-l blockquote.alignright, .layout-3c-r blockquote.alignleft, .layout-3c-r blockquote.alignright, .layout-hl-2c-l blockquote.alignleft, .layout-hl-2c-l blockquote.alignright, .layout-hl-2c-r blockquote.alignleft, .layout-hl-2c-r blockquote.alignright, .layout-hr-2c-l blockquote.alignleft, .layout-hr-2c-l blockquote.alignright, .layout-hr-2c-r blockquote.alignleft, .layout-hr-2c-r blockquote.alignright { float: none; margin: 0; width: auto; } .error_msg {color: #ff2727} input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input.input-text, input[type="time"], input[type="url"], input[type="week"], select, textarea { border: 1px solid #ccc; border-radius: 0; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {border-radius: 0} span.highlight {background: #fdffa6;} #header {width: 100%;position: absolute;top: 0} .header_main_wrap {background: #47b0e2; border-top:0;box-shadow:none;min-height: 65px;} #header .header-wrap {clear: both;margin: 0 auto;width: 98%;} #branding { float: left;width:210px;margin-top: 14px} /* Breadcrumb */ #breadcrumb, .breadcrumb, .bbp-breadcrumb { clear: both; float: left; width: 100%; font-size: 14px; color: #99a3ae; padding-bottom: 40px; margin: 0;} #breadcrumb a, .breadcrumb a, .bbp-breadcrumb a {color: #47b0e2} #breadcrumb a:hover, .breadcrumb a:hover, .bbp-breadcrumb a:hover {color: #6bb3d1} .layout-hl-1c .breadcrumb, .layout-hl-2c-l .breadcrumb, .layout-hl-2c-r .breadcrumb, .layout-hr-1c .breadcrumb, .layout-hr-2c-l .breadcrumb, .layout-hr-2c-r .breadcrumb {border: 0} .breadcrumb span.sep, .bbp-breadcrumb span.sep { margin: 0 5px; text-indent: -9999px; width: 10px;} /* ========================================================================== 12-12-2015 Resource Page Redesign ========================================================================== */ .description-link-wrapper-with-table td{ border-right: none; padding: 10px; } .description-link-wrapper-with-table table{ border-right: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; } /*-- ~Tabs --*/ #content_sp #navigation > UL, #content_sp #navigation LI, #tabs ul li { display: inline-block;*display: inline;vertical-align: top;} #content_sp .features, #tabs ul { width: 100%;border-bottom:2px solid #f49b6c;margin:0 0 15px 0;padding:0;clear:both} #content_sp .features li, #tabs ul li { margin-left: 0;} #content_sp .features a, #tabs ul li a { font-size:1.2em; color:#555; padding:10px 20px; text-decoration: none; display: block;} #content_sp .features.tab-condensed a {padding:10px} #content_sp .features a:hover, #content_sp .features a:hover.active, #tabs ul li a:hover, #tabs ul li a:hover.active, #tabs ul li a:hover {color:#6bb3d1} #content_sp .features li a, #tabs ul li a:hover.active, #tabs ul li a, #tabs ul li a:hover{ font-weight: 600; border-radius: 4px 4px 0 0; border:2px solid #ffffff;border-bottom:none !important; background-color: #ffffff;} #content_sp .features li.active a, #tabs ul li.active a{ color:#6bb3d1;background:#fff;border:2px solid #f49b6c;position: relative;bottom: -2px;} .content_sales .theme_intro { font-size: 18px; line-height: 28px;} #back-top {position: relative;} a.backtotop {font-weight: bold;font-size: 13px;width: 75px;height: 40px;float: right;margin: 0 20px -55px 0;padding-top: 40px;position: absolute;right: 20px;bottom: 0;color:#fff;-webkit-transition:padding ease-in-out .3s; -moz-transition:padding ease-in-out .3s; -o-transition:padding ease-in-out .3s; transition:padding ease-in-out .3s;} a.backtotop:hover { padding-top: 60px; color:#fff;} /*tabs : product category page*/ #content_sp.tpro_cat {margin: 28px 0 0} #content_sp.tpro_cat .features {padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box} #content_sp.tpro_cat .features li {position: relative} #content_sp.tpro_cat .features li a {padding: 18px 52px 10px} /* --------------------------------------------------------------------------- :: ~Containers -------------------------------------------------------------------------- */ .banner_main_wrap, .banner_links_wrap, .content_home_wrap, .sidebar-after-header, #main, .content_sales, #theme_banner .banner_content, .sidebar-subsidiary, body .nav_bg .widget-nav-menu, .home_page_banner, #footer .footer_widget_wrap, #footer .footer-wrap, #themedetail_banner-in, #page-footer, #showcase_wrapper {margin: 0 auto;width: 1152px;clear: both;} #home_banner .banner_main_wrap{width:1154px;} #main .wrap, .hfeed, .sidebar-wrap {clear: both;float: left;margin: 0;padding: 0;width: 100%;} #main {padding-top: 60px;} #content {clear: none; padding-bottom: 40px;} .layout-1c #content {clear: both;width: 100%;} .layout-3c-c #content, .layout-3c-l #content, .layout-3c-r #content, .layout-hl-2c-l #content, .layout-hl-2c-r #content, .layout-hr-2c-l #content, .layout-hr-2c-r #content {width: 360px} .layout-1c #main .wrap {background-image: none} .layout-2c-r #main .wrap {background-position: 319px 0} .layout-2c-r #content {float: right} .layout-3c-c #main .wrap {background-position: 0 0} .layout-3c-c #content { left: 320px;position: relative;} .layout-3c-l #main .wrap {background-position: 0 0} .layout-3c-r #main .wrap {background-position: 0 0} .layout-3c-r #content {float: right} /* More Container Variations Specifically for Header Left/Right Layouts */ .layout-hl-1c #container, .layout-hl-2c-l #container, .layout-hl-2c-r #container, .layout-hr-1c #container, .layout-hr-2c-l #container, .layout-hr-2c-r #container {margin: 0 auto; width: 1152px;} .layout-hl-1c .container-wrap, .layout-hl-2c-l .container-wrap, .layout-hl-2c-r .container-wrap, .layout-hr-1c .container-wrap, .layout-hr-2c-l .container-wrap, .layout-hr-2c-r .container-wrap { background-color: #fff; background-position: left top; background-repeat: repeat-y; float: left; width: 100%; } .layout-hl-1c .container-wrap {} .layout-hl-1c #header, .layout-hl-2c-l #header, .layout-hl-2c-r #header { background: transparent; clear: none; float: left; width: 320px; } .layout-hr-1c #header, .layout-hr-2c-l #header, .layout-hr-2c-r #header { background: transparent; clear: none; float: right; width: 320px; } .layout-hl-1c #header .header-wrap, .layout-hl-2c-l #header .header-wrap, .layout-hl-2c-r #header .header-wrap, .layout-hr-1c #header .header-wrap, .layout-hr-2c-l #header .header-wrap, .layout-hr-2c-r #header .header-wrap { background: transparent; margin: 0; width: 100%; } .layout-hl-1c #main, .layout-hl-2c-l #main, .layout-hl-2c-r #main, .layout-hr-1c #main, .layout-hr-2c-l #main, .layout-hr-2c-r #main { clear: none; float: left; margin: 0; width: 680px; } .layout-hl-1c #main .wrap, .layout-hl-2c-l #main .wrap, .layout-hl-2c-r #main .wrap, .layout-hr-1c #main .wrap, .layout-hr-2c-l #main .wrap, .layout-hr-2c-r #main .wrap { background: transparent; margin: 0; } .layout-hl-2c-r #content, .layout-hr-2c-r #content {float: right} /* -------------------------------------------------- :: Header -------------------------------------------------- */ .home_page_banner {clear: both} /* -------------- Homepage Banner -------------- */ .home-img-banner{ width:100%; margin:auto; display:block; margin:auto auto 30px; max-width:1150px;} .home-img-banner img{ width:100%;} .home-img-banner .html-banner-left img{width:auto;} .html-banner-fullwidth{ width:100%; display:inline-block; margin: 40px 0;} .am-form .am-product-desc, .am-form .am-product-terms, .am-form .am-product-title{ font-size:16px; } /* ========================================================================== Club Banner ========================================================================== */ #banner_club{ cursor:pointer; } .club-banner-wrap{ background-color: #7DD15E; padding-top: 20px 0 0 0; } .club-banner-wrap .club-banner-img-wrap{ vertical-align: top; text-align: center; position: relative; } .club-banner-wrap .club-banner-img-wrap img{ vertical-align: top; } .club-banner-wrap .club-banner-content p{ display: inline-block; width: 100%; font-size: 1.5em; line-height: 1; padding-top: 0; } .club-banner-wrap .club-banner-content p strong{ font-weight: 600; } .club-banner-wrap .club-banner-content b{ font-weight: 800; } .club-banner-wrap .club-banner-content sub{ font-size: 14px; left: 6px; top: 0; } .club-banner-content{ display: inline-block; float: none; text-align: center; width: 100%; margin-bottom: 20px; } #footer .club-banner-content p{ display: block; } .club-btn-wrap{ bottom: 0; display: inline-block; float: none; left: 0; margin: 50px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; } .club-banner-wrap .content_home_wrap{ max-width: 890px; padding-top: 20px; width: 100%; } /* ========================================================================== Bhautik said to add it ========================================================================== */ p:empty{display: none!important} @media only screen and (min-width: 1200px) { .html-banner-right{ margin-bottom:40px;} .html-banner-right img{ height:305px;} } @media only screen and (min-width: 768px) { .html-banner-left{ float:left; display:inline-block; margin-bottom:0;} .html-banner-right{ float:right; margin-bottom:38px; width:40%;} } @media only screen and (max-width: 889px) { .club-banner-wrap .content_home_wrap{ max-width: inherit; } .club-btn-wrap{ float: left; margin-top: 20px; } } @media only screen and (max-width: 768px) { .html-banner-left{ width:100%; display:inline-block; float:left; margin-bottom:2%;} .html-banner-right{ float:right; margin-bottom:2%; /*width:49%; margin-right:2%;*/} .html-banner-right.last{ float:right; margin-right:0;} /*.html-banner-right img{ min-height:243px;}*/ } @media only screen and (max-width: 600px) { .html-banner-right{ width:100%; margin-right:0;} .html-banner-right img{ min-height:inherit;} } #sidebar-header {padding: 40px 0 30px} #sidebar-header .widget {width: auto;float: right;margin-left: 10px;} body.responsive_menu {right: 0} /* -------------------------------------------------- :: ~Components -------------------------------------------------- */ /*--------------- ~Buttons ---------------*/ .normal_box a.sales_strip_button { display: inline-block; } .btn.primary_btn { padding: 12px 30px; background: #47b0e2; border-color: #47b0e2; color: #fff; font-size: 1.2em; line-height: 1.5; } .btn.primary_btn:hover { background: #f49b6c; border-color: #f49b6c; color: #fff; } .btn.secondary_btn, body #mc_embed_signup .button, .sales_strip_button, div.gform_wrapper input[type="submit"], a.btn, button.button, input#submit, div.gform_wrapper input[type="submit"], .join_package a.b_joinnow, a.btn-primary, input.btn-primary, #club_membership_strip .green_button, .sales_strip_button, div.gform_wrapper input[type="submit"], a.btn, button.button, .club-banner-wrap .club-btn-wrap .btn, section.theme_intro .button{ padding: 15px 30px; background: #f49b6c; border-color: #f49b6c; color: #fff; font-size: 1em; line-height: 1.5; border-radius: 2px; } .btn.secondary_btn:hover, body #mc_embed_signup .button:hover, .sales_strip_button:hover, div.gform_wrapper input[type="submit"]:hover, a.btn:hover, button.button:hover, input#submit:active, div.gform_wrapper input[type="submit"]:active, .join_package a.b_joinnow:active, a.btn-primary:active, input.btn-primary:active, #club_membership_strip .green_button:active, .sales_strip_button:hover, input#submit:hover, div.gform_wrapper input[type="submit"]:hover, .join_package a.b_joinnow:hover, a.btn-primary:hover, input.btn-primary:hover, #club_membership_strip .green_button:hover, a.btn:hover, .club-banner-wrap .club-btn-wrap .btn:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, .button:hover, div.gform_wrapper input[type="submit"]:hover, section.theme_intro .button:hover, #sales_strip_static a.sales_strip_button:hover, p#sales_strip a.sales_strip_button:hover, p#sales_strip2 a.sales_strip_button:hover, p#sales_strip a.sales_strip_button2:hover{ background: #EB8F62; border-color: #47b0e2; color: #fff; text-decoration: none; } .btn.btn_large { font-size: 1em; padding: 15px 30px; } .sales_strip_button:active { opacity: 1; border-bottom: 3px solid #47b0e2; } /* Button active */ #home_banner a.buynow_btn:active, #theme_banner a.sales_strip_button:active, ul.social_media_list li:active, #sales_strip_static a.sales_strip_button:active, #themedetail_banner a.sales_strip_button:active, .sales_strip_button:active, #template_banner .sales_strip_button:active, a.buynow_btn_new:active { position: relative; top: 1px; } /*----- ~Pagination -----*/ .loop-nav, .pagination, .comment-pagination, .bbp-pagination { font-weight: bold; clear: none; text-align: center; padding: 60px 0; } .loop-nav span.previous, .loop-nav span.next, .pagination .page-numbers, .comment-pagination .page-numbers, .bbp-pagination .page-numbers, .fpagination a, .fpagination strong { display: inline-block; background: #47b0e2; border-radius: 2px; color: #fff; padding: 6px 15px; margin: 0 2px 6px 0; -webkit-transition:all ease-in-out .1s; -moz-transition:all ease-in-out .1s; -o-transition:all ease-in-out .1s; transition:all ease-in-out .1s; } .loop-nav span.previous:hover, .loop-nav span.next:hover, .pagination .page-numbers:hover, .comment-pagination .page-numbers:hover, .bbp-pagination .page-numbers:hover, .pagination .current, .comment-pagination .current, .bbp-pagination .current, .fpagination a:hover {opacity: .9;color: #fff;} .loop-nav span.previous:active, .loop-nav span.next:active, .pagination .page-numbers:active, .comment-pagination .page-numbers:active, .bbp-pagination .page-numbers:active , span.fpagination strong { background: #5aca30; border-bottom: 0px solid #1F791F; position: relative; top: 0px; } /*--------------- ~Inputs & ~Textareas ---------------*/ input[type="checkbox"], input[type="radio"] {margin: -3px 0 0;vertical-align: middle;} input[type="search"]::-webkit-search-decoration {display: none;} input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input.input-text, input[type="time"], input[type="url"], input[type="week"], select, textarea, div.gform_wrapper input, div.gform_wrapper select, form#cse-search-box input[type="text"], div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium, div.gform_wrapper .top_label textarea.textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #99a3ae; width: 100%; max-width: 370px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; box-sizing: border-box; text-align: left; outline: 0; padding: 12px; margin: 0; vertical-align: top; } div.gform_wrapper input[type="checkbox"]{ width: auto; max-width: inherit; } form#cse-search-box input[type="text"]{ font-size: 18px; padding: 12px!important; vertical-align: top; margin-right: 10px; } textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input.input-text:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, div.gform_wrapper input:focus, div.gform_wrapper select:focus, form#cse-search-box input[type="text"]:focus, div.gform_wrapper .top_label input.medium:focus, div.gform_wrapper .top_label select.medium:focus, div.gform_wrapper .top_label textarea.textarea:focus {color: #47b0e2;} /* --------------------------------------------------------------------------- :: ~Titles -------------------------------------------------------------------------- */ h1.page-title, h1.loop-title, h1.post-title {/*font-weight: bold;color: #47b0e2;*/ padding: 5px 0 15px 0;} h2.entry-title {padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;} h2.entry-title a, .entry-content li a {color: #555;} .entry-content li a:hover{color:#f49b6c;} h2.entry-title a:hover {color: #f49b6c;} .entry-content h2 {color: #333; font-size: 2em; line-height: normal;} .newfeature {display: inline-block; vertical-align:top; font-weight:bold; width: 26px; height: 14px; font-size: 12px; color: #ff0000; line-height: normal;} #blog-post .entry-content h1{ padding-top: 30px; padding-bottom: 15px; } #blog-post .entry-content h2{ border-bottom: none; padding-top: 20px; padding-bottom: 10px; font-size: 2em; color: #333; font-weight: 700; display: inline-block; } body.singular-post #blog-post .entry-content h3, #blog-post .entry-content h3{ font-size: 1.6em; font-weight: 600; color: #333; padding-top: 15px; padding-bottom: 15px; } #blog-post .entry-content h4{ font-size: 1.5em; padding-top: 10px; padding-bottom: 10px; } #blog-post .entry-content h5{ font-size: 1.2em; padding-top: 5px; padding-bottom: 5px; } #blog-post .entry-content h6{ padding-top: 0px; padding-bottom: 0px; } #blog-post blockquote, .tmpl-blog-listing blockquote{ border-bottom: none; background: #f4f7f9 none repeat scroll 0 0; border-left: 2px solid #ced7df; border-radius: 0 3px 3px 0; margin: 30px 0; padding: 10px 10px 10px 20px; } #blog-post blockquote p, .tmpl-blog-listing blockquote p{ padding-bottom: 0; } /* ========================================================================== UL LI ========================================================================== */ ul.outline-bullet li{ background: none; padding-left: 0; list-style-type: disc; list-style-position: outside; list-style-image: none; } ul.outline-bullet{ padding-left: 15px; } ol.outside-numbers{ padding-left: 15px; } ol.outside-numbers li{ list-style-position: outside; } ul.plain-checkbox li{ padding-left: 0; background-image: none; list-style: none; } /* ========================================================================== Code ========================================================================== */ .code-header { background: #47b0e2 none repeat scroll 0 0; border: 1px solid #47b0e2; border-radius: 3px 3px 0 0; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; padding: 5px 10px; width: 100%; } .code-sample { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0 0 3px 3px; border: 1px solid rgba(0, 0, 0, 0.08); display: inline-block; margin: 0; padding: 10px; width: 100%; } /* ========================================================================== Blog Notification ========================================================================== */ .blog-notification{ background-image: none!important; padding-left: 15px!important; text-shadow: none !important; text-align: left; } .highlight-section{ background: #fff none repeat scroll 0 0; border: 10px solid rgba(0, 0, 0, 0.03); margin: 20px 0; padding: 15px; } .highlight-section .button{ margin-top: 10px; } .highlight-section p:first-of-type, .highlight-section p:last-of-type, #blog-post .entry-content .highlight-section p:last-of-type, #blog-post .entry-summary .highlight-section p:last-of-type, #blog-post .entry-content .highlight-section p:first-of-type, #blog-post .entry-summary .highlight-section p:first-of-type{ padding-bottom: 0; } #blog-post .entry-content .highlight-section h3{ padding-top: 0; padding-bottom: 10px; } .highlight-section .button{ margin-bottom: 0; } .highlight-section ol, .highlight-section ul, #content .highlight-section ol, #content .highlight-section ul{ padding-bottom: 0; margin-bottom: 0; } /* ========================================================================== Image And Description ========================================================================== */ .image-and-description h3 { padding-bottom: 10px !important; padding-top: 0 !important; } .image-and-description:first-of-type{ margin-top: 0; } .image-and-description { display: inline-block; margin-top: 30px; width: 100%; } /* ========================================================================== Buttons ========================================================================== */ .single-blog-post .entry-content a.btn{ text-decoration: none; } #blog-post .btn.primary-btn{ border: none; } #blog-post h2.entry-title a.btn, #blog-post .entry-content li a.btn{ color: #fff; } #blog-post .btn{ border: medium none; font-size: 18px; line-height: 1.5; padding: 12px 30px; } #blog-post .btn.primary-btn:hover{ background: #f49b6c; } #blog-post .btn.secondary-btn{ background: #f49b6c; } #blog-post .btn.secondary-btn:hover{ background: #47b0e2; } #blog-post .btn.green-btn{ background: #5aca30; } #blog-post .btn.green-btn:hover{ background: #47b0e2; } /* ========================================================================== New Menu ========================================================================== */ /* ------ ~Menu ------------------------------------------------------ */ /*.mleft { float: left } #menu-secondary-items { font-size: 1.111em; } .menu ul, .menu ul li { background: transparent; list-style: none; line-height: 1.0; margin: 0; padding: 0 } .menu ul > li .newlink { position: absolute; top: 18px; right: 0; width: 19px; height: 7px; background: url(images/new_tag.png) no-repeat right top } .menu ul > li { padding: 22px 20px; } .menu ul li li { padding: 0 } .menu ul li li a { color: #555; } .menu ul li li a:hover { color: #5aca30; } .menu ul > li a:hover { text-decoration: none; color: #5aca30; } .menu ul li:hover li a { border: none; text-decoration: none; } .menu ul li:hover li a:hover { color: #5aca30; } .menu ul li.active > a, .menu ul > li a:hover { color: #fff; border-bottom: 2px solid #fff; } .menu ul li.active li a { border-bottom: none } .menu li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative } .menu li a { display: block; position: relative } .menu li li { visibility: inherit; width: 100% } .menu li:hover ul { left: 0; top: 100%; visibility: visible; z-index: 99; } .menu li:hover li ul { top: -9999em } .menu li li:hover ul { left: 100% !important; top: 0 } .menu li li:hover li ul { top: -9999em } .menu li li li:hover ul { top: 0 } .menu li li li:hover li ul { top: -9999em } .menu li li li li:hover ul { top: 0 } .menu ul ul { width: auto; } .menu li a { font: 18px; line-height: normal; color: #ffffff; padding: 3px 0; border-bottom: 2px solid transparent; } span.sub-indicator { display: none } .menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current_page_item > a { color: #5aca30; text-decoration: none; }*/ /* Secondary and Subsidiary Dropdowns */ /*.menu li li a { font-weight: normal; background: #47b0e2; padding: 12px 20px }*/ /* -------- ~Menu Right --------------------------------------------------------------------- */ /*.mright { float: right } .mright > ul { float: right; } .mright ul ul { width: 180px } .mright li:hover ul.sub-menu { right: 0; left: auto } .menu.mright ul > li { padding: 22px 15px; }*/ /* -------- ~Mega Menu --------------------------------------------------------------------- */ /*ul.sub .row { width: 600px; padding: 10px 15px 15px; background: #47b0e2; float: left; margin: 0; } ul.sub .row li.mega-hdr { width: 30%; float: left; margin-right: 5% } ul.sub .row li.last { margin-right: 0 !important } ul.sub .row li.mega-hdr > a, ul.sub .row li.mega-hdr > a:hover, ul.sub .row li.mega-hdr:hover > a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: none !important; color: #ffffff; } ul.sub .with-ul { margin-bottom: 12px; } ul.sub .row li.mega-hdr > a:hover, ul.sub .row li.mega-hdr:hover > a:hover { color: #fff !important } ul.sub .row li.mega-hdr ul.sub-menu { position: static; width: 100% !important; border-width: 0; } ul.sub .row li.mega-hdr ul.sub-menu li a { border-bottom: none; background: none; } body .menu ul ul.sub li a { padding: 6px 0; background: none; } .sub-menu.sub { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05); position: absolute; left: 0; top: 100%; width: 230px; visibility: hidden; } .menu .sub-menu.sub .sub-menu-inner li a { margin: -2px 0; } .sub-menu.sub .sub-menu-inner { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.05); } .menu li li a { background: #fff; } .sub-menu.sub.multi-menu { width: 690px; padding: 10px 10px 0; display: flex; flex-flow: row wrap; display: -webkit-flex; -webkit-flex-flow: row wrap; } .sub-menu.sub.multi-menu > li { width: 230px; float: left; margin: 0 0 10px; } .sub-menu.sub > li { font-size: 18px; } .sub-menu.sub.multi-menu > li > a.with-ul, .sub-menu.sub.multi-menu-with-description > li a.with-ul, .sub-menu.sub.multi-menu > li .sub-menu { padding-left: 10px; padding-right: 10px; } .sub-menu.sub.multi-menu > li a.with-ul { font-weight: 600; margin-top: 0; margin-bottom: 0; color: #333; font-size: 20px; }*/ /* ========================================================================== Menu With Description ========================================================================== */ /*.sub-menu.sub.multi-menu-with-description { width: 500px; } .sub-menu.sub.multi-menu-with-description > li { padding-left: 10px; padding-right: 10px; } .sub-menu.sub.multi-menu-with-description { padding-left: 0; padding-right: 0; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description > ul > li > ul.sub-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top: 3px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description > ul > li > ul.sub-menu > li:last-child { border-bottom: none; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description li a { margin: 0; padding-top: 0; padding-bottom: 0; font-weight: 600; font-size: 16px; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description li span { color: #999; display: inline-block; font-size: 14px; line-height: 1.2; padding-bottom: 10px; padding-top: 6px; } .sub-menu.sub.multi-menu > li.big-button { width: 100%; float: none; } .sub-menu.sub.multi-menu > li.big-button a { text-align: center; background-color: #5aca30; color: #fff; padding: 15px 35px; border-radius: 3px; } .sub-menu.sub.multi-menu > li.big-button a:hover { background-color: #47b0e2; }*/ /* ========================================================================== Menu With Icon ========================================================================== */ /*.sub-menu.sub.multi-menu-with-icon { width: 720px; padding: 20px 0 0; } .sub-menu.sub.multi-menu-with-icon > li { width: 320px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; } .sub-menu.sub.multi-menu-with-icon > li img { max-width: 55px; width: 100%; height: 55px; float: left; margin-right: 20px; } .sub-menu.sub.multi-menu-with-icon > li > a:hover h5 { color: #5aca30; } .sub-menu.sub.multi-menu-with-icon > li > a:hover p { color: #555; } .sub-menu.sub.multi-menu-with-icon > li .plugins-icon-wrapper { display: block; overflow: hidden; } .sub-menu.sub.multi-menu-with-icon > li .plugins-icon-wrapper h5 { font-size: 18px; font-weight: 600; } .sub-menu.sub.multi-menu-with-icon > li .plugins-icon-wrapper p { padding-top: 2px; padding-bottom: 0; font-size: 16px; } .sub-menu.sub.multi-menu-with-icon > li.big-button { width: auto; } body .sub-menu.sub.multi-menu-with-icon li a { padding-bottom: 0; }*/ /* ========================================================================== Large Mega Menu ========================================================================== */ /*.sub-menu.sub.multi-menu.large-multi-menu { width: 920px; padding: 0; } .sub-menu.sub.multi-menu.large-multi-menu .view-all-themes { font-size: 16px; padding-left: 10px; padding-right: 10px; color: #999; } .sub-menu.sub.multi-menu.large-multi-menu .view-all-themes:hover, .sub-menu.sub.multi-menu > li a.with-ul:hover { color: #5aca30; } .sub-menu.sub.multi-menu.large-multi-menu > li a.with-ul { font-size: 18px; padding-top: 0; } .sub-menu.sub.multi-menu.large-multi-menu > li { margin: 10px 0; padding: 0 10px; width: 209px; border-right: 1px solid rgba(0, 0, 0, 0.05); } .sub-menu.sub.multi-menu.large-multi-menu > li:nth-child(4n+4) { border-right: none; } .sub-menu.sub.multi-menu.large-multi-menu > li.multi-menu-banner { max-width: 439px; } .sub-menu.sub.multi-menu.large-multi-menu li .sub-menu li a { font-size: 16px; } .sub-menu.sub.multi-menu > li.multi-menu-banner { width: 100%; max-width: 460px; display: flex; align-items: flex-end; display: -webkit-flex; -webkit-align-items: flex-end; } .sub-menu.sub.multi-menu > li.multi-menu-banner a { margin: 0; padding: 0; } .sub-menu.sub.multi-menu > li.multi-menu-banner img { width: 100%; vertical-align: top; } .multi-menu-with-background-image { position: relative; } .multi-menu-with-background-image:before { position: absolute; content: ""; bottom: -23px; right: -20px; background-image: url("../About%20-%20Templatic_files/menu-background-image.png"); width: 519px; height: 495px; }*/ /* ========================================================================== Old Menu ========================================================================== */ /* ------ ~Menu ------------------------------------------------------ */ .mleft { float: left } #menu-secondary-items { font-size: 1.111em; } .menu ul, .menu ul li { background: transparent; list-style: none; line-height: 1.0; margin: 0; padding: 0 } .menu ul > li .newlink { position: absolute; top: 18px; right: 0; width: 19px; height: 7px; background: url(images/new_tag.png) no-repeat right top } .menu ul > li { padding: 24px 20px; } .menu ul li li { padding: 0 } .menu ul li li a { color: #fff; } .menu ul > li a:hover { text-decoration: none; color: #95DDFF; } .menu ul li:hover li a { border: none; text-decoration: none; } .menu ul li:hover li a:hover { color: #444444; } .menu ul li.active > a, .menu ul > li a:hover { color: #fff; border-bottom: 2px solid #fff; } .menu ul li.active li a { border-bottom: none } .menu li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative } .menu li a { display: block; position: relative } .menu li ul { position: absolute; top: -9999em } .menu li li { visibility: inherit; width: 100% } .menu li:hover ul { left: 0; top: 100%; visibility: visible; z-index: 99; border-width: 0 2px 2px 2px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); } .menu li:hover li ul { top: -9999em } .menu li li:hover ul { left: 100% !important; top: 0 } .menu li li:hover li ul { top: -9999em } .menu li li li:hover ul { top: 0 } .menu li li li:hover li ul { top: -9999em } .menu li li li li:hover ul { top: 0 } .menu ul ul { width: 220px } .menu li a { font: 18px; line-height: normal; color: #ffffff; padding: 3px 0; margin: -3px 0; border-bottom: 2px solid transparent; } span.sub-indicator { display: none } .menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current_page_item > a { color: #fff; text-decoration: none; } /* Secondary and Subsidiary Dropdowns */ .menu li li a { font-weight: normal; background: #47b0e2; padding: 12px 20px } /* -------- ~Menu Right --------------------------------------------------------------------- */ .mright { float: right } .mright > ul { float: right; } .mright ul ul { width: 180px } .mright li:hover ul.sub-menu { right: 0; left: auto } .menu.mright ul > li { padding: 22px 15px; } /* -------- ~Mega Menu --------------------------------------------------------------------- */ ul.sub .row { width: 600px; padding: 10px 15px 15px; background: #47b0e2; float: left; margin: 0; } ul.sub .row li.mega-hdr { width: 30%; float: left; margin-right: 5% } ul.sub .row li.last { margin-right: 0 !important } ul.sub .row li.mega-hdr > a, ul.sub .row li.mega-hdr > a:hover, ul.sub .row li.mega-hdr:hover > a { border-bottom: 2px solid rgba(255, 255, 255, 0.2); background: none !important; color: #ffffff !important } ul.sub .with-ul { margin-bottom: 12px; } ul.sub .row li.mega-hdr > a:hover, ul.sub .row li.mega-hdr:hover > a:hover { color: #fff !important } ul.sub .row li.mega-hdr ul.sub-menu { position: static; width: 100% !important; border-width: 0; } ul.sub .row li.mega-hdr ul.sub-menu li a { border-bottom: none; background: none; } body .menu ul ul.sub { width: auto !important; margin-left: -272px } /*body .menu ul li:hover ul.sub {right: 0 }*/ body .menu ul ul.sub li a { padding: 8px 0 !important; background: none; } /*-- ~Forums Listing --*/ #phpbb{/*font-size:16px;*/ line-height:24px} .section-index .topiclist a.forumtitle {font-size: 18px; font-weight:600; color: #555;s} tbody.topiclist > tr {border-bottom: 1px solid rgba(0,0,0,.1);} .topiclist a.forumtitle {color: #47b0e2; font-size: 16px; font-weight:bold;} .topiclist a.forumtitle:hover {color: #6BB3D1} .topiclist tr td img {margin: 0 5px 0 0; float: left;} a.topictitle, .btn-mini {font-size: 14px;} .topic-actions .row-fluid .forum_search {float: right;} .topiclist .label {padding: 0 4px; border-radiuous: 3px; font-size: 10px;} .pull-right {float: right !important;} .fpagination .page-sep {display: none;} .forum_pagination span.label {display:inline-block;} .topicrow-pagination {font-size:14px; font-weight:bold;} fieldset dl dd, fieldset dl dt {margin-left:0;} fieldset.display-options a.btn-inverse {margin: 0 4px;} #phpbb h1 {margin-bottom: 50px;} .inner dt span, .postprofile .user_themes {font-size: 13px; line-height: 20px; font-weight:normal;} .postprofile dd, .postprofile dt {margin-left: 0;} .section-viewtopic hr.divider {display: block; border-bottom: 1px solid #E0E3E7; margin: 0;} .section-viewtopic .panel fieldset.fields1{padding-bottom:15px;} .row-fluid.topic-actions.bottom {border-top: 1px solid #E0E3E7; margin-top: 2px;} .section-viewtopic .well.alert-info {background: none;} .section-viewtopic .content ul {list-style: disc;} .section-viewtopic .content ol {list-style: decimal;} .section-posting #postingbox .fields1 label{display:block;} .section-posting #opt_tabs{margin-top:35px;} .well ul.searchresults li a {display: none; margin-right: 10px;} .well:hover ul.searchresults li a {display: block;} #phpbb .bg1 {background: #F9F9F9;} #phpbb .bg2 {background:none;} .user_dteails { background: none repeat scroll 0 0 #F5F5F5;border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; float: right; padding: 10px;width: 185px;} .user_dteails h4 {font-size: 16px; color: #47b0e2; border-bottom: 1px solid #D1D7DE; margin-bottom: 3px;} .user_dteails ol{list-style: decimal none; padding-left: 20px;font-size: 12px; line-height: 18px; font-weight: bold} .user_dteails ol.forums_topics_list {margin-bottom: 5px;} .user_dteails ol li {padding: 1px 0;} .rating_div{background: none repeat scroll 0 0 #FAFCDB; border-bottom: 1px solid #FBDE6A; border-top: 1px solid #FBDE6A; color: #BC853E; margin-bottom: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 11px;} .rating_div span {float: left;text-align: center; width: 110px; line-height:14px;} table tr td.user_rate, table tr th.user_rate{text-align:center;} .section-memberlist table td{font-size:16px;} .section-viewtopic .postprofile dd.badge {float:left; display: block; clear: both; margin-right: 30px;} .well blockquote {background: url(images/bg_blockquote.png) top left no-repeat #eee;} #hellobar a.cbtn{ background: #fff none repeat scroll 0 0; border-radius: 2px; color: #333; padding: 6px 10px; text-decoration: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } #hellobar a.cbtn:hover{ background: #f49b6c; color: #fff; } /*forums*/ h3.heading {font-weight: normal; padding: 12px;} .lastpost a { color: #47b0e2 !important;} thead, .heading { background: none repeat scroll 0 0 #f49b6c;} .table thead th { background-color: #47b0e2; font-size: 0.775em; font-weight: normal;} .unsolve-icon a span{margin-top:10px; display:inline-block;} /* -------------------------------------------------- :: ~Static Sidebar -------------------------------------------------- */ .sidebar .widget-title i, #footer .widget-title i, #theme_details_sidebar h3 i, #theme_details_sidebar .widget .theme_info li i { width: 28px; height: 28px; background: #47b0e2; font-size: 14px; line-height: 28px; text-align: center; color: #ffffff; border-radius: 14px; display: block; float: left; margin-right: 8px; text-shadow: none; } .sidebar #custom_links ul li {display: block} .sidebar #custom_links ul li a {font-size: 14px;line-height: 28px;color: #47b0e2;} .sidebar #custom_links ul li a:hover {color: #6bb3d1} /* -------------------------------------------------- :: ~Widgets -------------------------------------------------- */ .widget {clear: both;float: left;width: 100%;} .sidebar .widget, #filter_part .widget {padding-bottom: 30px;margin-bottom: 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .sidebar .widget .newsletter span{padding:0;} .sidebar .widget:last-child, #filter_part .widget:last-child, #theme_details_sidebar .widget:last-child {padding-bottom: 0; border-bottom: 0;} .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget {clear: none;float: left;width: 440px;margin-left: 40px;} .sidebar-3c .widget {width: 280px} .sidebar-4c .widget {width: 200px} .sidebar-5c .widget {width: 152px} .sidebar-2c .widget-inside, .sidebar-3c .widget-inside, .sidebar-4c .widget-inside, .sidebar-5c .widget-inside {padding: 0} .widget_rss a.rsswidget img {background: transparent;margin: 0; padding: 0;} .widget input, .widget select, .widget textarea {width: 100%} .widget input[type="checkbox"], .widget input[type="radio"], .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {width: auto} .widget-title { font-size: 20px;padding: 0 0 12px;} .widget ul, .widget ul li {margin: 0} .widget ul li a {color: #47b0e2;display: block; padding: 4px 0;} .widget ul li a:hover {color: #555;} .widget ul ul { border-left: 1px dotted #f2f2f2;margin: 6px 0 5px; padding-left: 20px;} .widget ul ul li {background: transparent;margin: 0;padding: 0;} .widget h3, .widget.title, .widget-title, .widget-search .widget-title, .content_sales h3.widget-title, #filter_part h3, .widget .newsletter h4 { border: none; font-size: 1.3em; line-height: 27px; font-weight: 600; color:#333; padding-bottom:10px; margin-bottom: 0; text-transform:none; } .sidebar .widget h3, .sidebar .widget h4{ font-weight: 700; padding-bottom: 0; margin-bottom: 15px; font-size: 1.4em; line-height: 1.2; } .widget ul li li {border-bottom: none} .widget ul ul {border-left: 1px dotted #ddd} .widget .calendar-wrap {margin: 12px 0 0} .widget #wp-calendar {font-size: 12px;line-height: 18px;margin: 0;width: 100%;} .widget #wp-calendar caption {padding: 6px 20px} .widget #wp-calendar th, .widget #wp-calendar td {padding: 6px 5px 5px} .widget #wp-calendar th {font-weight: normal} .sidebar-4c .widget #wp-calendar th, .sidebar-4c .widget #wp-calendar td, .sidebar-5c .widget #wp-calendar th, .sidebar-5c .widget #wp-calendar td {padding: 5px 0 5px 2px} /*----- ~Social Media -----*/ .widget ul.social_media_list li { background: #47b0e2; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 38px; height: 36px; line-height: 18px; border-radius: 3px; margin: 0 5px 5px 0; cursor: pointer; -webkit-transition:all ease-in-out .1s; -moz-transition:all ease-in-out .1s; -o-transition:all ease-in-out .1s; transition:all ease-in-out .1s; } .widget ul.social_media_list li:last-child {margin-right: 0 } .widget ul.social_media_list li:hover { background: #5aca30;} .widget ul.social_media_list li:active {background: #1F791F} .widget ul.social_media_list li a { display: block; padding: 0 !important;} .widget ul.social_media_list li a i { width: 100%; height: 38px; background-image: url(images/social_media_icons.png); background-repeat: no-repeat; display: block; text-align: center; margin: 0; } .widget ul.social_media_list li a i.facebook {background-position: center 0} .widget ul.social_media_list li a i.twitter {background-position: center -38px} .widget ul.social_media_list li a i.rss {background-position: center -76px} .widget ul.social_media_list li a i.googleplus {background-position: center -114px} .widget ul.social_media_list li a i.pinterest {background-position: center -152px} .widget ul.social_media_list li a i.youtube {background-position: center -190px} .sidebar ul.social_media_list {margin-top: 10px} /*----- ~Search widget -----*/ .widget-search .widget-title {background: none;} .widget-search label {display: none} .widget-search form {display: block;margin: 12px 0 0;position: relative;} .widget-search input[type="text"] { margin: 0; padding-top: 5px\9; vertical-align: middle;} .widget-search input.search-submit {background: url(library/images/icon-magnify.png) no-repeat; border: 0;box-shadow: none; -moz-box-shadow: none;-o-box-shadow: none;-webkit-box-shadow: none;display: block;height: 18px;padding: 0; position: absolute; right: 20px;text-indent: -9999em;top: 3px;width: 18px;z-index: 2;} .widget-search input[type="text"] { border:1px solid #d1d7de !important;padding: 10px 12px 8px !important;margin: 0;} form#cse-search-box input[type="text"]:focus {border:1px solid #76818c !important;color: #47b0e2;} .nav_bg .widget-search input[type="text"] { background: #fff url(images/search.png) no-repeat right -5px !important;border: 3px double #ccc;border-radius: 0;margin: 6px 7px 5px;} form#cse-search-box {margin: 0 } /* ------------ ~Footer -------------------------------------------------- */ .social-block-wrapper{ max-width: 1152px; width: 100%; display: block; margin-left: auto; margin-right: auto; } #footer .social-block-wrapper .footer-search-wrapper, #footer .social-block-wrapper .footer_widget_wrap{ width: auto; display: inline-block; vertical-align: top; } #footer .social-block-wrapper .footer-search-wrapper{ padding-top: 2px; } #footer {color: #ffffff;padding: 50px 0 0;} .social_block{background:#fff;background: #fff;border-top: 1px solid #ccc;display: inline-block; padding: 14px 0; width: 100%; vertical-align: bottom;} .social_block .title { display: inline-block; margin-right: 14px; width: auto;} /* ========================================================================== Footer Search ========================================================================== */ .footer-search-wrapper label, .footer_widget_wrap h2{ color: #333; font-size: 1.111em; font-weight: 600; margin-bottom: 0; } .footer-search-wrapper .search_form_update{ float: left; margin-right: 8px; } .footer-search-wrapper .search_form_update form#cse-search-box input[type="text"]{ padding: 13px 12px!important; /* « Google Form Inline Padding */ width: 280px; margin-right: 0; background-position: 12px center !important; } .footer-search-wrapper a.button{ vertical-align: top; padding-top: 14px; padding-bottom: 13px; line-height: normal; } .footer-search-wrapper label{ float: left; margin-right: 12px; line-height: 2.6; cursor: auto; } .footer-search-container{ display: inline-block; width: auto; } /* ========================================================================== Footer Social Icon ========================================================================== */ #footer .social-block-wrapper .footer_widget_wrap { float: right; padding-top: 2px; } .social_block .socialmedia {display: inline-block;} .socialmedia li {display: inline-block; margin-right: 10px; width: auto; vertical-align: middle;} .socialmedia li a {border: 2px solid; border-radius: 50%; color: #47b0e2; display: inline-block; line-height: 0; transition: all 0.35s ease 0s; padding:0 !important;} .socialmedia li a:hover { background: #47b0e2; border-color: #47b0e2;color: #fff;} .socialmedia li a:hover i{color:#fff;} .socialmedia li a i { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; font-size: 1.111em; height: 48px; line-height: 2.5; margin: 0; text-align: center; width: 48px; } #footer .main_footer{background: #47b0e2; padding-top:50px;} #footer .widget a { color: #ffffff;} #footer .widget a:hover {color: #000;} .footer_widget_wrap .widget {display: inline-block;*display: inline;zoom: 1;vertical-align: top;clear: none;width: 28%; margin-right: 5%} #footer .widget_area2 .widget:last-child {margin-bottom: 0 } .footer-wrap {border-top: 1px solid rgba(255, 255, 255, 0.3);;padding: 20px 0; font-size: 0.987em;} #footer p {display: inline-block } .footer_widget_wrap .widget h3 {background: none;font-size:1.111em;color: #FFF;line-height: 30px;padding: 0;margin: 0 0 16px 0; font-weight:600;} #footer .widget ul li a {color: #ffffff;padding:4px 0} #footer .widget ul li a:hover {color: #000} #footer .nav-menu li {display: inline-block;*display: inline;zoom: 1;vertical-align: top;width: 50%;border: none;padding-bottom: 0} #footer h3.widget-title i { background: #2d96c8;color: #FFF} /*----- Footer Widget area1 -----*/ #footer .widget_area1 {width:65%;float: left;padding-bottom: 40px} /*----- Footer Widget area2 -----*/ #footer .widget_area2 { width: 33%; float: right;margin: 0; padding-bottom: 40px} #footer .widget_area2 .widget {width: 100%;margin: 0 0 30px} #footer .widget ul.social_media_list li{ border:2px solid #fff; background:transparent; border-radius:100%; height:40px; width:40px;} #footer .widget ul.social_media_list li:hover{ background:#5aca30; border-color:#5aca30;} /*----- Copyright Section -----*/ .fmenu {float: right; color: rgba(255, 255, 255, 0.3); } .fmenu a {padding: 0 15px;display: inline-block;*display: inline} .copyright, .credit {padding: 5px 0;float: left} #footer p.fmenu, #footer p.copyright, #footer p.credit {padding: 3px 0 } #footer p.credit {display: block;clear:both} .footer-content a {color: #ffffff;} .footer-content a:hover {color: #000} .credit img {position: relative;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;vertical-align: text-bottom;margin-left: 5px} .credit img {vertical-align: middle;box-shadow: none} .credit img:hover {opacity: .7 } .map_category label {margin-right: 15px } .map_category label img {margin-left: 4px } /* teambox for forum */ .supporter-box {text-align: center; } .supporter-box h3 {text-align: center; font-size: 24px; text-transform: none; margin-bottom: 40px} .supporter-box .team_members li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 11px} .supporter-box .team_members li h6 {font-weight: normal; text-transform: none; margin-top: 10px} .steam_text {margin: 40px 0 50px} .steam_text a {color: #333333 } .steam_text a:hover {color: #6BB3D1} .teambox {margin-top: 65px} body {overflow-x: hidden; position: relative; width: 100%} .supporter-box{display:none;} .section-index .supporter-box{display:block !important;} /*price-packages*/ .hosting_package { clear: both; padding: 90px 0px 50px; width: 978px; margin: 0 auto } .hosting_package h3 { text-align: center; font-size: 39px; margin-bottom: 40px } .cart-content-bonus .bonus select option { max-width: 375px; width: 100%; word-break: break-all; } .package-list { display: inline-block; /*margin-top: -100px;*/ bottom: 8px; left: 20px; position: absolute; } .package-list label { width: 100%; display: flex; align-items: center; padding: 2px 0; font-size: 0.9em; } .package-list label input { width: auto; display: inline-block; margin-right: 5px; } .cart-content-footer { width: 100%; display: inline-block; text-align: right; } .cart-content-footer h4 { font-weight: 300; margin-top: 4px; } .cart-content-footer .policy_n_terms { margin-top: 10px; } .option_list { background-color: #fff; padding: 10px } .theme_intro .option_box { float: left; width: 290px; margin: 30px } .theme_intro .option_box_three_col { float: left; width: 318px } .theme_intro .option_box ul { margin: 20px 0 0 0; list-style: none } .theme_intro .option_box li:last-child { border-bottom: none; } .theme_intro .option_box .rate a { color: #fff } .theme_intro .option_box .buy { margin: 0px; padding: 10px 10px 20px 10px; height: auto; overflow: hidden; text-align: center; font-size: 16px } .theme_intro .option_box .buy .button { margin-top: 0 !important; padding: 12px 30px; } .theme_intro .buy_now { width: 129px; height: 46px; border: 0px; text-align: center; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer } .hosting_highlight { position: relative; top: -20px } .hosting_highlight h4 { height: 36px; padding-top: 20px } .hosting_highlight .buy { padding: 20px 0px } .theme_intro .option_box p { padding: 13px 0px; margin: 0px 20px; text-align: center; font: 14px Arial, Helvetica, sans-serif; } .theme_intro .option_box .feature_hosting { margin-top: 45px } .theme_intro .option_box .feature_hosting br { display: none } .theme_intro .option_box .feature_hosting img { float: left; margin: 0px 25px 10px 0px; } .theme_intro .option_box .feature_hosting p { margin: 5px 0px } .theme_intro .option_box .buy_div { clear: both; margin-top: 50px; font: bold 13px Arial, Helvetica, sans-serif } .theme_intro .option_box .buy_div h5 { font-size: 20px; margin-bottom: 10px } .theme_intro .option_box .buynow_btn { float: right; margin-top: 50px; width: 179px; height: 46px; font-size: 15px; font-weight: bold; text-align: center; cursor: pointer } /*-- Shopping Cart Section --*/ /* header cart */ .cart-checkout { float: right; padding: 15px 0 15px 15px; } body .cart-btn { background: #ffffff; display: inline-block; color: #47b0e2; font-size: 12px; font-weight: 600; padding: 10px 15px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .cart-btn:hover { background: #f49b6c; color: #FFF; } .cart-btn:active { position: relative; top: 1px; } .cart-btn i { font-size: 20px; margin-right: 5px; position: relative; top: 2px; } body .cart-btn-mobile { display: none; position: relative; } .cart-btn.cart-btn-mobile .item-count { position: absolute; right: -4px; top: -6px; } .cart-btn.cart-btn-mobile i { margin-right: 0; } #field_4_37 .gfield_label{ display:none; } #field_23_33 .gfield_label{ display:none; } #input_4_37 a{ color:#f49b6c; } #field_23_33 a{ color:#f49b6c; } /* ========================================================================== New Pricing Table ========================================================================== */ /* ========================================================================== Templatic Sales Page [Price Package] ========================================================================== */ /*.templatic-product-detail-and-name { background: #47b0e2; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #555; padding: 10px 0; text-align: center; } .highlighted .templatic-product-detail-and-name { padding-bottom: 21px; padding-top: 21px; } .pack_content { min-height: 170px; } .templatic-product-detail-and-name p { font-size: 14px; padding: 6px 0; text-align: center; color: #fff; } .templatic-product-detail-and-name span { font-size: 14px; text-transform: capitalize; color: #fff; } .option_box li, .theme_intro .option_box li, body #themedetail_banner .option_box li { position: relative; padding: 8px 15px; font-size: 14px; width: 100%; color: #444; text-shadow: none; margin: 0; list-style: none; text-align: left; border-bottom: none; box-sizing: border-box; } .option_box li:last-child, .theme_intro .option_box li:last-child, body #themedetail_banner .option_box li:last-child { border-bottom: none; } .option_box.highlighted .obwrap { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border-color: #68c7f2; position: relative; z-index: 9; margin-top: -20px; } .option_box h4, .theme_intro .option_box h4 { font-size: 1em; text-transform: capitalize; color: #555; padding-bottom: 10px; font-weight: 400; } .option_box .obwrap h5, .theme_intro .option_box .obwrap h5 { font-size: 1.1em; font-weight: 600; line-height: 1.3; color: #fff; } .option_box a { font-size: 12px; color: #6BB3D1; text-decoration: none } .option_box a:hover { color: #444 } .option_box li { font: 13px Arial, Helvetica, sans-serif; padding: 8px 10px; line-height: 20px } .option_box .obwrap { background: #fff none repeat scroll 0 0; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 0; } .option_box:first-of-type .obwrap { border-right: none; } .option_box .pack_content p { color: #444; text-align: center; text-shadow: none; font-size: 16px; } .option_box .buy .split_page_buy, .option_box.highlighted .buy .split_page_buy { background: #5aca30; color: #fff; } .option_box .buy .split_page_buy:hover, .option_box.highlighted .buy .split_page_buy:hover { opacity: 0.91; background: #5aca30; } .option_box.highlighted .obwrap + p:empty { display: none; } .option_box .rate, .theme_intro .option_box .rate { color: #555; font-size: 1.1em; font-weight: 400; margin: 15px 0 5px; text-align: center; padding-left: 10px; padding-right: 10px; } .ppb_text { clear: both; color: #444444; font-size: 13px; text-align: center; padding: 0; } .ppb_text a, body .banner_fullwidth .ppb_text a { font-size: 13px; color: #444444; text-shadow: none; text-decoration: none } .ppb_text a:hover, body .banner_fullwidth .ppb_text a:hover { color: #6BB3D1 !important } .b_buynow .button { font-size: 18px; color: #fff; font-weight: normal; } .b_buynow .button:hover { color: #fff } .paymentmethods { display: block } .templatic-product-name, .listings-theme-wrapper h3.templatic-product-name { display: inline-block; font-size: 30px; line-height: 1.2; margin-bottom: 45px; margin-top: 10px; width: 100%; } .old-price { color: #999; font-size: 16px; text-decoration: line-through; padding-right: 4px; } .templatic-staff-support { display: inline-block; width: 100%; color: #c9b968; margin-top: 20px; width: auto; } .listings-theme-wrapper .banner_content .templatic-staff-support a { margin-top: 0; } #lightbox .templatic-staff-support p { color: #555; float: left; font-size: 16px; text-align: left; width: auto; padding-top: 0; padding-bottom: 0; } #lightbox .templatic-staff-support p.templatic-availability-icon span { color: #5aca30; } #lightbox .templatic-staff-support p { border-left: 1px solid rgba(0, 0, 0, 0.2); padding-left: 15px; padding-right: 15px; } #lightbox .templatic-staff-support p.templatic-staff-support-icon { padding-left: 0; border-left: none; } #lightbox .templatic-staff-support p.transaction { padding-right: 0; } .main_theme_area .templatic-staff-support p a:after { display: none; } .main_theme_area .templatic-staff-support p a { padding: 0; color: #555; text-decoration: underline; } .main_theme_area .templatic-staff-support p a:hover { color: #5aca30; }*/ /* ========================================================================== Pricing Table Wihout Popup ========================================================================== */ /*.lightbox .theme_intro .option_list { margin-left: -10px; margin-right: -10px; padding: 0; } .lightbox .theme_intro .option_box { margin: 0 10px; width: 360px; } .lightbox .theme_intro .option_box .buy .button { padding: 12px 135px; }*/ .tdepartments{ background:#add074; } body #lightbox .option_box a { color: #6bb3d1; font-size: 12px; text-decoration: none; } body #lightbox .option_box a:hover { color: #444444; } body #lightbox .option_box li { font: 13px/20px Arial, Helvetica, sans-serif; padding: 8px 10px; } body #lightbox .option_box h4 { background: #47b0e2 none repeat scroll 0% 0%; border-bottom: medium none; font-size: 20px ! important; padding: 12px 0px 25px ! important; text-transform: capitalize; } body #lightbox .option_box .obwrap { background: #fafafa none repeat scroll 0% 0%; border-radius: 3px 3px 0px 0px; border: 2px solid #dddddd; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } body #lightbox .option_box.highlighted .pack_content { min-height: 170px; } body #lightbox .option_box .pack_content { min-height: 146px; } body #lightbox .option_box .pack_content p { color: #444444; font-size: 16px; text-align: center; text-shadow: none; } body #lightbox .option_box.highlighted .pack_content p, body #lightbox .option_box.highlighted li { color: #ffffff; } body #lightbox .option_box.highlighted .obwrap + p:empty { display: none; } body #lightbox .option_box.highlighted li { border-color: rgba(255, 255, 255, 0.3); } body #lightbox .option_box .buy .split_page_buy { background: #47b0e2 none repeat scroll 0% 0%; color: #ffffff; } body #lightbox .option_box.highlighted .buy .split_page_buy { background: #ffffff none repeat scroll 0% 0%; color: #47b0e2; } body #lightbox .b_buynow .button { color: #ffffff; font-size: 18px ! important; font-weight: normal ! important; } body #lightbox .b_buynow .button:hover { color: #ffffff; } body #lightbox .option_box .rate { background: #f49b6c none repeat scroll 0% 0%; border-radius: 120px; font-size: 18px; height: 50px; line-height: 50px; margin: -26px auto 6px; padding: 0px; position: relative; width: 50px; } body #lightbox .option_box .rate * { color: #ffffff ! important; } body #lightbox .option_box .rate strong { font-size: 18px; } body #lightbox .option_box .rate span { font-size: 15px; } body #lightbox .ppb_text { clear: both; color: #444444; font-size: 13px; padding: 0px; text-align: center; } body #lightbox .ppb_text a, body .banner_fullwidth #lightbox .ppb_text a { color: #444444; font-size: 13px; text-decoration: none; text-shadow: none; } body #lightbox .ppb_text a:hover, body .banner_fullwidth #lightbox .ppb_text a:hover { color: #6bb3d1 ! important; } .theme_intro .option_box .obwrap { border-radius: 5px; border: 10px solid #dddddd; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); text-align: center; } .theme_intro .option_box.highlighted .obwrap { margin: -5% 0px 0px -8.5%;} #lightbox .option_box.highlighted .obwrap { background: #47b0e2 none repeat scroll 0% 0%; color: #ffffff; margin: -5% 0px 0px -5.5%; } .theme_intro .option_box { float: left; margin: 30px; width: 290px; } .theme_intro .option_box_three_col { float: left; width: 318px; } .theme_intro .pack_content { min-height: 250px; } .theme_intro .option_box h4 { background: #47b0e2 none repeat scroll 0% 0%; border-bottom: 4px solid #6bb3d1; color: #ffffff ! important; font-size: 24px ! important; height: 32px; padding: 17px 0px 12px ! important; text-align: center; } .theme_intro .option_box ul { list-style: outside none none; margin: 0px; } .theme_intro .option_box li, body #themedetail_banner .option_box li { border-bottom: 1px solid #eeeeee; box-sizing: border-box; color: #444444; font: 14px Arial, Helvetica, sans-serif; list-style: outside none none; margin: 0px; padding: 15px 10px; text-align: center; text-shadow: none; width: 100%; } .theme_intro .option_box li:last-child { border-bottom: medium none; } .theme_intro .option_box .rate { background: #6bb3d1 none repeat scroll 0% 0%; color: #ffffff; font-size: 16px; margin: 0px; padding: 13px 0px; text-align: center; } .theme_intro .option_box .rate a { color: #ffffff; } .theme_intro .option_box .buy { font-size: 16px; height: auto; margin: 0px; overflow: hidden; padding: 13px 0px; text-align: center; } .theme_intro .option_box .buy .button { margin-top: 0px ! important; } .theme_intro .option_box .rate span { font-size: 24px; } .theme_intro .option_box .rate strong { font-size: 32px; font-weight: normal; } .theme_intro .buy_now { border: 0px none; cursor: pointer; font: bold 15px Arial, Helvetica, sans-serif; height: 46px; text-align: center; width: 129px; } .hosting_highlight { position: relative; top: -20px; } .hosting_highlight h4 { height: 36px; padding-top: 20px; } .hosting_highlight .buy { padding: 20px 0px; } .theme_intro .option_box p { font: 14px Arial, Helvetica, sans-serif; margin: 0px 20px; padding: 13px 0px; text-align: center; } .theme_intro .option_box .feature_hosting { margin-top: 45px; } .theme_intro .option_box .feature_hosting br { display: none; } .theme_intro .option_box .feature_hosting img { float: left; margin: 0px 25px 10px 0px; } .theme_intro .option_box .feature_hosting p { margin: 5px 0px; } .theme_intro .option_box .buy_div { clear: both; font: bold 13px Arial, Helvetica, sans-serif; margin-top: 50px; } .theme_intro .option_box .buy_div h5 { font-size: 20px; margin-bottom: 10px; } .theme_intro .option_box .buynow_btn { cursor: pointer; float: right; font-size: 15px; font-weight: bold; height: 46px; margin-top: 50px; text-align: center; width: 179px; } /* cart popup */ .cart-btn .item-count{ background:#47b0e2; border-radius:100%; color:#ffffff; font-size:11px; font-weight:bold; line-height:19px; text-align:center; height:18px; width:18px; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-left:3px; font-family:Arial, Helvetica, sans-serif;} .cart-popup-overlay:before{ background:rgba(0,0,0,0.8); content:''; position:fixed; left:0; top:0; height:100%; width:100%; z-index:15;} .cart-popup{ position:fixed; z-index:16; left:0; top:0; right:0; bottom:0; margin:auto; display:table; width:800px; height:550px; display:inline-block; background:#FFF; padding:15px 20px 10px; border-radius:2px; font-family:arial;} .policy_n_terms { font-size: 12px;} .cart-popup .cart-header{ width:100%; display:inline-block; position:relative; border-bottom:2px solid rgba(0, 0, 0, 0.2); padding-bottom:8px;} .cart-popup .cart-header .cart-close{ position:absolute; right:-10px; top:-5px; color:#FFF; background:#444; border-radius:100%; height:20px; width:20px; line-height:19px; display:inline-block; font-size:13px; text-align:center; text-indent:0px;} .cart-popup .cart-header .cart-close i{ line-height:19px; padding:0 0px; width:100%; display:inline-block; text-align:center;} .cart-grid-container{ width:100%; display:inline-block; float:left;} .cart-content-body{ width:100%; display:inline-block; float:left; position:relative; background:#FFF;} .cart-content-body .cart-content-label{ width:100%; display:inline-block; border-bottom:1px solid rgba(0,0,0,0.2); padding:10px; float:left; box-sizing:border-box;} .cart-content-body .title{ width:calc(100% - 110px); float:left; display:inline-block;} .cart-content-body h6{ font-weight:bold;} .cart-content-body .price{ width:80px; float:left; display:inline-block;} .cart-content-body .action{ width:20px; float:left; display:inline-block; text-align:center;} .cart-content-body .action a{color:#FFF; background:#777; border-radius:100%; height:15px; width:15px; line-height:15px; display:inline-block; font-size:11px; text-align:center; text-indent:0.5px; padding:0;} .cart-content-body .action a i{ line-height:14px;} .cart-content-body .cart-content{ width:100%; max-height:183px; overflow:hidden; display:inline-block; float:left; min-height:220px;} .cart-content-body .cart-content.cart-content-overflow{ overflow-y:scroll;} .cart-content-body .cart-content .title{ font-size:14px;} .cart-content-body .cart-content .title span{ font-size:12px; color:#777;} .cart-content-body .cart-content .title strong{ font-weight:normal;} .cart-content-body .cart-content .price{ font-weight:bold; font-size:13px; color:#111;} .cart-content-body .cart-content li{ width:100%; display:inline-block; border-top:1px dotted rgba(0,0,0,0.2); padding:10px; float:left; box-sizing:border-box;} .cart-content-body .cart-content li:first-child{ border:0;} .cart-content-body .cart-content li:nth-child(odd){ background:#F8F8F8;} .cart-content-body .line-item-price{ border-top:2px solid rgba(0,0,0,0.5); text-align:right; width:100%; display:inline-block; padding:10px; background:#f8f8f8; box-sizing:border-box;} .cart-content-body .line-item-price h4{ font-weight:normal;} .cart-content-footer{ width:100%; display:inline-block;} .cart-content-footer h4{ font-weight:300; font-size:14px;} .line-item-price a{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .btn-normal{ display:inline-block; padding:7px 10px; margin-right:10px; font-size:17px; border:1px solid rgba(0, 0, 0, 0.1); color:#666; background:#F3F3F3; border-radius:2px;} .btn-normal:hover{ color:#222; border-color:rgba(0, 0, 0, 0.4);} .cart-popup .link{ font-size:14px; color:#666; text-decoration:underline; margin-left:5px;} .cart-popup .link:hover{ text-decoration:none;} .cart-popup .btn-green, .am-global-signup .am-signup-form input[type="submit"], .am-global-signup .am-signup-form input[type="button"]{ display:block; border:0; text-shadow:none; text-align:center; padding:13px 70px; font-size:20px; font-weight:bold; color:#FFF; background:#5aca30; border-radius:2px; margin-top:10px; width:100%;appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */} .cart-popup .btn-green:hover,.am-form input[type="submit"]:hover,.am-form input[type="button"]:hover{ background:#5aca30;} .cart-payment{ height:500px;} .payment-method{ margin:5px 0 10px; display:table;} .payment-method li{ float:left; display:inline-block; margin-right:0px; margin-left:30px;} .payment-method li label{ font-size:18px; margin-bottom:0;} .payment-method li small{ display:block; line-height:12px; padding-left:20px;} /* cart popup with bonus select box */ .cart-content-bonus .title{ width:34%; line-height:20px; margin-right:50px; max-width:300px;} .cart-content-bonus .bonus{ width:340px; float:left; display:inline-block;} .cart-content-bonus .bonus select{ width:80%; border:1px solid #aaa; font-size:14px; padding:8px 12px; color:#333;} .cart-content-bonus .price,.cart-content-bonus .action{float:right; text-align:right;} .cart-content-bonus .cart-content .price{ line-height:18px; margin-right:10px;} .cart-content-bonus .cart-content .action{ line-height:11px; float:right;} /* cart empty */ .cart-empty { height:325px;} .cart-empty .cart-content-body{ text-align:center; padding:95px 0;} .cart-empty .cart-content-body a{ margin:10px 0 0;} .cart-login{ height:500px;} /* checkout form */ .am-global-signup .cart-content-body .cart-content .title{ font-size:12px;} .signup-form-wraper .am_global_content, .am_club_content{ background:#FFF; box-shadow:0 0 6px #ccc; padding:35px 45px 10px; width:60%;} #row-bonusproduct_id-0 .element-title { color: rgb(0, 0, 0); font-size: 20px;font-weight: bold;} /* .am-cart-checkout .cart-content-footer .right > div{display:block !important;} */ .am_global_sidebar, .am_club_sidebar{ width:35%;} .am_global_content .am-form input[type="submit"]{ width:auto;} .am-global-signup h2, .am-club-signup h2, .am-login-text, .am-club-signup .club_price_terms{ padding:0!important;} .subscribe-to-comments{padding-left: 0!important;} .am-global-signup h2, .am-club-signup h2{margin-bottom:6px;} .am-global-signup .am-form label{ color:#000;} .am-body-content .secureweb img{ background:#FFF; padding:10px 0;} .am-body-content .helptxt{ font-size:12px!important;} .am_global_sidebar .cart-content-body .cart-content{ max-height:inherit; min-height:inherit;} .am_global_sidebar .cart-content-body .title{ width:calc(100% - 60px);} .am_global_sidebar .cart-content-body .price{ width:60px; float:right; text-align:right;} .am-form div#row-paysys_id .element label.radio{ margin-bottom:15px!important;} .am-form .am-signup-form div#row-paysys_id .element label + br{/* display:none; */} .am_global_sidebar .cart-content-body .line-item-price{ font-size:17px; padding-right:10px; width:auto; display:block; color:#333;} .am-body-content .cart-content-body .cart-content .title{line-height:18px;} .am-body-content .facebook-btn-large{ text-align:center; font-size:15px; background:#3B5999; color:#FFF; padding:10px; border-radius:2px; display:block;} .am-body-content .facebook-btn-large:hover{ background:#5071B6; text-decoration:none;} .seprater-line{ text-align:center; position:relative; display:block; margin:20px 0 0px;} .seprater-line span{ background:#FFF; padding:0 20px; position:relative; z-index:1;} .seprater-line:before{ position:absolute; left:0; top:19px; content:''; height:1px; width:100%; background:#bbb;} .am-form input[type="text"],.am-form input[type="password"],.am-form input[type="email"]{ border:1px solid #aaa; color:#333!important;} /*theme page css*/ body ul[class*="-column-horizontal"], .tricolumn { display: flex; flex-wrap: wrap; } body ul[class*="-column-horizontal"] { margin: 0 -20px;} body ul[class*="-column-horizontal"] * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} body ul.three-column-horizontal > li, .tricolumn > li { width: 33.3%;} body ul[class*="-column-horizontal"] > li, .tricolumn > li { align-self: flex-start; display: inline-block; justify-content: center;text-align: left; float:left;} body ul.four-column-horizontal > li { width: 24.9%;} /* ========================================================================== Plugins Section ========================================================================== */ .plugins-wrapper{ margin-bottom: 50px; margin-top: 50px; } .plugins-wrapper > h2{ font-size: 30px; font-weight: 600; } body .recently-launched-plugins h2{ margin-bottom: 20px; } body .recently-launched-plugins ul[class*="-column-horizontal"]{ border-radius: 4px; margin-left: 0; margin-right: 0; } body .recently-launched-plugins ul.plugin-list[class*="-column-horizontal"] li{ padding: 15px; } .recently-launched-plugins ul{ background: #ede1a8 none repeat scroll 0 0; } .contact-info-strip + .plugins-wrapper{ margin-top: 73px; } .contact-info-strip + .plugin-list{ margin-top: 50px; } .plugin-list .contact-info-strip, .plugins-wrapper .contact-info-strip{ margin-top: 50px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins, body .stand-alone-plugins ul.four-column-horizontal > li{ width: 50%; position: relative; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins:before{ background-image: url("images/new-label.png"); background-repeat: no-repeat; width: 100px; height: 48px; position: absolute; content: ""; top: 30px; left: 7px; } .templatic-new-plugins, .free-addon{ position: relative; } .templatic-new-plugins:before, .free-addon:before{ background-image: url("images/small-new-label.png"); background-repeat: no-repeat; width: 101px; height: 106px; position: absolute; content: ""; top: 24px; left: 23px; } .free-addon:before{ background-image: url("images/small-free-label.png"); } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap{ background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); text-align: left; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; padding-left: 30px; padding-right: 30px; } body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap{ text-align: left; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; padding-left: 30px; padding-right: 30px; } body .directory-modules-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap{ padding-top: 60px; padding-bottom: 60px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap img, body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap img{ float: left; margin-bottom: 0; margin-right: 30px; max-width: 120px; width: 100%; height: 120px; } body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap img{ max-width: 100px; width: 100%; height: 100px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap .theme-selection-content h4, body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap .theme-selection-content h4{ font-size: 24px; font-weight: 700; line-height: 1.2; } #content.install_services .boxes.alert_box{height:auto;} .cart-popup a.cart_tooltip span{display: none;} @media only screen and (max-width: 1250px) { .menu ul > li, .menu.mright ul > li { padding: 22px 12px;} .cart-checkout {padding: 12px 0 17px 15px;} #menu-secondary-items { font-size: 1em;} #home_banner .banner_main_wrap{width:100%;} } @media only screen and (max-width: 1024px) { html { font-size: 16px; } body ul.three-column-horizontal > li, body ul.four-column-horizontal > li, body ul.five-column-horizontal > li, body ul.six-column-horizontal > li { width: 49.9%;} .popular_theme{display:block;} .popular_theme .sales_theme_banner_inner{width:100%;} .popular_theme .sales_theme_banner_inner .browser.small_browser img{width:100%;} .popular_theme .popular_theme_content{max-width:100%;} .popular_theme * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .popular_theme .sales_theme_banner_inner{max-width:100%; padding-left:20px; padding-right:20px; padding-bottom:20px; max-width: 100%;} .popular_theme .popular_theme_content { padding-bottom: 20px; padding-left: 20px; padding-right: 20px;} } @media only screen and (max-width:640px) { html {font-size: 16px;} body h2 {font-size: 1.111em;} .bs-example-tabs .nav-tabs{padding:0;} .bs-example-tabs .nav-tabs > li a{line-height:normal;} body ul[class*="-column-horizontal"] > li {margin-bottom: 20px; width: 100%;} .btn.btn_large, .btn.primary_btn, .btn.secondary_btn{padding:10px;} } @media only screen and (max-width:400px) { html { font-size: 14px; } body .socialmedia li a i{height: 40px; width: 40px;} } /* ========================================================================== Partners Page ========================================================================== */ .am-partners{ display: flex; display: -webkit-flex; } .am-partners > li{ border: 1px solid #d9d9d9; /*float: left;*/ display: inline-block; float: none; margin-bottom: 20px!important; margin-right: 2%!important; padding: 0!important; transition: all 0.35s ease 0s; width: 23.5%; text-align: left; } .am-partners > li:last-child{ margin-right: 0; } .am-partners .boxes .right, .am-partners .right{ float: none; padding: 0 22px 20px 22px; display: inline-block; } .am-partners .boxes .right .btn-default{ background-color: #f49b6c; color: #fff!important; border: none; padding: 15px 30px; } .am-partners .boxes .right .btn-default:hover{ background-color: #eb8f62; } .am-partners .boxes .right ul li, .am-partners .right ul li{ list-style: inside disc; font-size:16px; padding-bottom: 6px; } .am-partners .boxes .right ul li:last-child, .am-partners .right ul li:last-child{ padding-bottom: 0; } .am-partners .boxes .left img{ width: 100%; text-align: center; vertical-align: top; margin-top: 0; } .am-partners h2{ padding-bottom: 0; padding-left: 22px; padding-right: 22px; margin-top: 0px; text-transform: uppercase; color: #444; font-family: "proxima-nova",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 700; line-height: 36px; } .am-partners p{ font-size:1em; } .am-partners .left p{ padding-left: 22px; padding-right: 22px; min-height: 160px; } .work_with_us .am-partners p{ text-align: left; } /*hosting offer*/ .am-partners > li:nth-child(3n){position: relative;} .am-partners > li:nth-child(3n):before { background-attachment: scroll !important; background-clip: border-box !important; background-color: rgba(0, 0, 0, 0) !important; background-image: url("wp-content/themes/t4/images/hosting-offer.png") !important; background-origin: padding-box !important; background-position: right top; background-repeat: no-repeat !important; background-size: 74px 78px; content: ""; display: inline-block; height: 78px; position: absolute; right: 0; width: 74px; z-index: 10; } .am-partners > li .right .promo{background: #f6f6f6; border-radius: 2px; margin-bottom: 10px; padding: 5px 8px; font-size:16px;} @media (max-width: 980px) { .am-partners > li{ width: 30%; } .am-partners{ display: inline-block!important; } .am-partners .left p{ min-height: inherit; } .socialmedia li a i{width: 50px; height: 50px;} } @media (max-width:479px) { .am-partners > li{ width: 100%; } body .html-banner-left, body .html-banner-right, body .html-banner-right.last { width: 100%; float:none; margin-bottom: 20px; } } /* ========================================================================== Popup ========================================================================== */ .ig_popup{ max-width: 100%; width: 600px; } .ig_popup.ig_air-mail .ig_container{ border: none; } .ig_popup.ig_air-mail .ig_headline{ color: #333; font-size: 26px; padding: 20px 20px 10px; text-align: center; text-shadow: none; } .ig_popup .ig_headline{ font-weight: 600; } .ig_popup.ig_air-mail .ig_button, .ig_popup.ig_air-mail input[type="submit"], .ig_popup.ig_air-mail input[type="button"] { background: #f49b6c; border: none; border-radius: 2px; color: #fff; font-weight: 400; margin: 0; text-transform: capitalize; font-size: 1.2em; } .ig_popup.ig_air-mail .ig_button:hover, .ig_popup.ig_air-mail input[type="submit"]:hover, .ig_popup.ig_air-mail input[type="button"]:hover { background: #47b0e2; } .ig_form_style_0 .ig_form_container .ig_form_els .ig_button:hover, .ig_form_style_0 .ig_form_container .ig_form_els .ig_button:focus, .ig_form_style_0 .ig_form_container .ig_form_els .ig_button, .ig_form_style_0 .ig_form_container .ig_form_els input{ height: auto; line-height: 1; padding: 15px; } .ig_form_container .ig_form_header { color: #444; font-size: 1em; line-height: 1.5; margin: 0px 0 25px; text-align: center; width: 100%; } .ig_form_container .ig_form_els { margin: 0 5px; } .ig_form_container form { margin-bottom: 12px; } .ig_form_bottom .ig_form_container.layout_bottom .ig_third .ig_form_els, .ig_form_inline .ig_form_container.layout_inline .ig_third .ig_form_els { width: 48%; } .ig_form_bottom .ig_form_container.layout_bottom .ig_third .ig_form_els.ig_form_els_last, .ig_form_inline .ig_form_container.layout_inline .ig_third .ig_form_els.ig_form_els_last{ margin-top: 15px; width: 98%; } .ig_popup.ig_air-mail .ig_message.ig_clear_fix{ padding: 0; } .ig_form_container .ig_form_els label{ color: #444; margin-bottom: 8px; } .ig_form_inline .ig_form_container.layout_inline .ig_button_label, .ig_form_bottom .ig_form_container.layout_bottom .ig_button_label{ display: none; } @media only screen and (max-width: 520px) { .ig_form_bottom .ig_form_container.layout_bottom .ig_third .ig_form_els, .ig_form_inline .ig_form_container.layout_inline .ig_third .ig_form_els, .ig_form_bottom .ig_form_container.layout_bottom .ig_third .ig_form_els.ig_form_els_last, .ig_form_inline .ig_form_container.layout_inline .ig_third .ig_form_els.ig_form_els_last { width: 100%; } .ig_popup .ig_form_container.layout_bottom .ig_full .ig_form_els, .ig_popup .ig_form_container.layout_inline .ig_full .ig_form_els, .ig_popup .ig_form_container.layout_bottom .ig_half .ig_form_els, .ig_popup .ig_form_container.layout_inline .ig_half .ig_form_els, .ig_popup .ig_form_container.layout_bottom .ig_third .ig_form_els, .ig_popup .ig_form_container.layout_inline .ig_third .ig_form_els, .ig_popup .ig_form_container.layout_bottom .ig_quater .ig_form_els, .ig_popup .ig_form_container.layout_inline .ig_quater .ig_form_els{ margin-top: 15px; } .ig_form_container .ig_form_header{ margin-bottom: 10px; } .ig_form_container{ padding: 10px; } .ig_popup.ig_air-mail .ig_headline{ padding: 30px 10px 0; font-size: 20px; } } /* ========================================================================== Templatic E-Commerce ThemeGuide ========================================================================== */ .entry-summary .posts_themeguide h3, .entry-content .posts_themeguide h3{ padding-top: 0; padding-bottom: 0; font-weight: 400; font-size: 1em; } .entry-content .posts_themeguide h3 a, .entry-summary .posts_themeguide h3 a{ font-weight: 400; } /* -------------------------------------------------- :: ~Responsive code ~1152px -------------------------------------------------- */ @media only screen and (max-width: 1200px) { .footer-search-wrapper label, .footer_widget_wrap h2{ float: none; margin-right: 0; margin-bottom: 10px; line-height: 1.5; } .footer-search-container { clear: both; display: block; width: auto; } .social_block .title { display: block; margin-right: 0; width: auto; } .socialmedia li:last-child{ margin-right: 0; } .footer-search-wrapper .search_form_update form#cse-search-box input[type="text"]{ padding-top: 12px !important; padding-bottom: 12px !important; } .footer-search-container a.button{ padding-top: 10px; padding-bottom: 10px; } .socialmedia li a i{ height: 44px; width: 44px; font-size: 1em; } .social_block{ width: auto; padding-left: 10px; padding-right: 10px; display: block; } } @media only screen and (max-width: 992px) { .ig_form_style_0 .ig_form_container .ig_form_els .ig_button:hover, .ig_form_style_0 .ig_form_container .ig_form_els .ig_button:focus, .ig_form_style_0 .ig_form_container .ig_form_els .ig_button, .ig_form_style_0 .ig_form_container .ig_form_els input { max-width: 100%; } } @media only screen and (max-width: 1152px) { /*----- Content Reset -----*/ .content_home .home-img-banner{padding:0 20px;box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;} .html-banner-left{width: 56.5%;} .html-banner-right{width:40%;} .menu li:hover ul{border:none;} #header, .sidebar-after-header, #theme_banner .banner_content, #main, .sidebar-subsidiary, body .nav_bg .widget-nav-menu, .home_page_banner, #footer, body.singular-post section#content, body.singular-post aside#sidebar-post-detail, body.taxonomy-pcategory #content, body.taxonomy-ptags #content, #filter_part {width: 100%} .banner_main_wrap, .banner_links_wrap, .content_home_wrap, .sidebar-after-header, #main, .content_sales, #theme_banner .banner_content, .sidebar-subsidiary, body .nav_bg .widget-nav-menu, .home_page_banner, #footer .main_footer .footer_widget_wrap, #footer .footer-wrap, #themedetail_banner-in, #page-footer, #showcase_wrapper { width: 100% !important; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } body #footer .main_footer{padding-left:15px; padding-right:15px;} #header .header-wrap, .banner_main_wrap, .banner_links_wrap, .content_home_wrap, #main .wrap, .content_sales, .sidebar-wrap, #footer .footer_widget_wrap, #footer .footer-wrap, #themedetail_banner-in, .wrap #main, #page-footer, #showcase_wrapper {/*width: 96%;*/margin: 0 auto;float: none;} .sidebar-after-header, .sidebar-subsidiary {width: 96% !important} .layout-3c-c #content {left: auto;position: static;} .social_content {position: static;width: 100%;text-align: left;padding: 30px 0 0;} .social_content #side-bar {position: static !important} .social_content ul li { clear: none;display: inline-block;*display: inherit;padding: 0; margin: 0 10px 0 0;} #branding {position: static !important} .title_avatar {display: none} body.singular-post .breadcrumb .breadcrumb-trail, body.singular-post .byline, body.singular-post #comments-template, body.singular-post section#content .entry-content {padding-left: 0} /*----- pages -----*/ .search404 input[type="text"] {max-width: 68%} /*----- Basic Reset -----*/ .layout-2c-l .alignleft, .layout-2c-l .alignright, .layout-2c-r .alignleft, .layout-2c-r .alignright, .layout-hl-1c .alignleft, .layout-hl-1c .alignright, .layout-hr-1c .alignleft, .layout-hr-1c .alignright {float: none; margin-left: 0; margin-right: 0;} .layout-2c-l blockquote.alignleft, .layout-2c-l blockquote.alignright, .layout-2c-r blockquote.alignleft, .layout-2c-r blockquote.alignright, .layout-hl-1c blockquote.alignleft, .layout-hl-1c blockquote.alignright, .layout-hr-1c blockquote.alignleft, .layout-hr-1c blockquote.alignright {float: none;margin: 0; width: auto;} .layout-2c-l th, .layout-2c-l td, .layout-2c-r th, .layout-2c-r td, .layout-hl-1c th, .layout-hl-1c td, .layout-hr-1c th, .layout-hr-1c td {padding: 10px} #comments li li {background-image: none} #comments li li .comment-wrap {margin-left: 0} /*----- Sidebar Reset -----*/ .layout-3c-c #sidebar-primary, .layout-3c-c #sidebar-secondary, .layout-3c-l #sidebar-primary, .layout-3c-l #sidebar-secondary {clear: right} .layout-3c-c #sidebar-secondary {position: static; right: auto;} .layout-3c-r #sidebar-primary, .layout-3c-r #sidebar-secondary {clear: left;float: left;} .layout-hl-2c-l #sidebar-primary, .layout-hl-2c-l #sidebar-secondary, .layout-hl-2c-r #sidebar-primary, .layout-hl-2c-r #sidebar-secondary, .layout-hr-2c-l #sidebar-primary, .layout-hr-2c-l #sidebar-secondary, .layout-hr-2c-r #sidebar-primary, .layout-hr-2c-r #sidebar-secondary {clear: both;width: 100%;} a.backtotop {width: 30px; right: 0; text-indent: -9999px;} .well .user_dteails {display: none;} .well:hover .user_dteails {display: block;} /*price-packages*/ .option_box{width:22%; margin: 1.5%} .option_box.highlighted .obwrap {transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)} body {padding-top: 65px!important;} /*mobile menu*/ #nav-secondary {display: block} .mobile_nav {right: 0} /* ~Mobile Header ------------- */ body {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; right: 0;} body.responsive_menu {position: relative;right: 300px;box-shadow: inset 1px 0 0 rgba( 255, 255, 255, 0.1 ); -webkit-box-shadow: inset 1px 0 0 rgba( 255, 255, 255, 0.1 );-moz-box-shadow: inset 1px 0 0 rgba( 255, 255, 255, 0.1 );} .supreme_wrapper.responsive_menu {right: 300px; } .header_main_wrap {position: relative;} #nav-secondary {display:none;position: absolute;top: -4px;right: -300px;width: 300px;background: #121B24;color: #fff;padding-bottom: 65px;} .responsive_menu_icon {position: absolute;top: 15px;right: 10px;background: url(images/menu.png) no-repeat center -2px #121B24;border-radius: 4px;width: 44px;height: 42px;cursor: pointer;} .cart-btn-mobile{ display:inline-block; margin-top:16px; margin-right:45px; float:right; padding:7px 12px 8px;} #hellobar {display: none !important;} /*menu*/ .responsive_menu .menu-container {padding-top: 5px} .responsive_menu .mleft {clear: both;float: none;} .responsive_menu .mright { background: rgba(6, 6, 6, 0.57) none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); clear: both; float: none; } .responsive_menu .menu li, .menu li {display: inline-block;clear: both;padding-top: 8px;padding-bottom: 8px;} .responsive_menu .menu li li a, .menu li li a { background: none;line-height: 18px; padding: 0px 20px;} .responsive_menu .menu ul ul, .menu ul ul {width: 100%} body .responsive_menu .menu ul ul.sub, body .menu ul ul.sub {margin-left: 0;margin-bottom: 0;} .responsive_menu .menu li ul, body .menu li ul {position: static;float: left;margin: 6px 0 15px;} .responsive_menu ul.sub .row, body ul.sub .row {width: 100%;background: none;} .responsive_menu ul.sub .row li.mega-hdr, body ul.sub .row li.mega-hdr {clear: both;float: none;width: 100%;} .responsive_menu .menu ul > li a, body .menu ul > li a {border-bottom: none} .responsive_menu .menu li a:hover, .responsive_menu .menu li:hover > a, .responsive_menu .menu li.current-menu-item > a, .responsive_menu .menu li.current_page_item > a {color: #839AB0;text-decoration: underline;} .responsive_menu ul.sub .row li.mega-hdr > a, .responsive_menu ul.sub .row li.mega-hdr > a:hover, .responsive_menu ul.sub .row li.mega-hdr:hover > a {border: none} .responsive_menu ul.sub .row {padding-bottom: 0} .form_front_style input[type="text"], .form_front_style select {display: block} #todate, #frmdate { display: block; max-width: 38% !important;} } /* -------------------------------------------------- :: Tablet (Landscape) ~980px -------------------------------------------------- */ @media only screen and (max-width: 1024px) { .socialmedia li a i{ line-height: 3; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins{ width: 100%; margin-bottom: 0; } } @media only screen and (max-width: 980px) { #wrapper{ margin-top:0px !important; } .top_search_section{ margin-top:65px; } div.supreme_wraper {/*position: relative;*/} .container-wrap {overflow-x: hidden;} #container,.am-body, body > .container,#showcase_wrapper{padding-top: 65px} #container, body > .container {padding-top:0px; margin-top:0px;} /* ~New Sales Page ------------- */ div.content_sales_n {width: 96%;} body {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;right: 0;max-width: 980px;} /*----- blog -----*/ .hentry .alignleft, .hentry .alignright, .hentry .aligncenter { display: block; float: none;margin-bottom: 20px;} form#commentform input[type="text"], form#commentform textarea {width: 95%} #respond #cancel-comment-reply-link {display: block;float: none;} .twp_search_cont input[type="text"] {max-width: 68%} .loop-nav, .pagination, .comment-pagination, .bbp-pagination {padding: 0 0 20px} /*----- Footer -----*/ .footer_widget_wrap {margin-left: 0} div#menu-footer .menu li a {padding: 5px 0} /*----- widget - popular post -----*/ .popular_post ul li a.link_img {width: 12%} .popular_post ul li .post_data {width: 78%} /*----- content -----*/ #content {width: 100%;padding-bottom: 20px;} /*----- sidebar -----*/ #sidebar-primary, #sidebar-secondary, #sidebar-front_page, #sidebar-post-listing, #sidebar-post-detail, #sidebar-contact_page_sidebar, #sidebar-woo_page {width: 100%;border: 0;margin-bottom: 25px;} /*----- Sitemap -----*/ .arclist h2, .arclist ul {display: block;width: 100%;} /*----- Containers Reset -----*/ #content, #theme_details_content, #content_sales_wrap {clear: both;width: 100%;} #sidebar-primary, #sidebar-secondary, #sidebar-front_page, #sidebar-post-listing, #sidebar-post-detail, #sidebar-contact_page_sidebar, #sidebar-woo_page, #sidebar-primary, #sidebar-secondary, .sidebar, body.singular-post aside#sidebar-post-detail, #theme_details_sidebar {clear: both;width: 100%;padding: 30px 0 0 0;border-top: 3px double #E0E3E7;border-left: 0;border-right: 0;} .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 {width: 280px} .layout-1c .gallery .col-2 {width: 120px} .layout-1c .gallery .col-3, .layout-1c .gallery .col-4, .layout-1c .gallery .col-5, .layout-1c .gallery .col-6, .layout-1c .gallery .col-7, .layout-1c .gallery .col-8, .layout-1c .gallery .col-9 {width: 66px} .layout-1c .col-3 .gallery-caption, .layout-1c .col-4 .gallery-caption {display: none} /*----- Widget Reset -----*/ .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget {margin-left: 0; width: 100%;} /*----- Sidebar Reset -----*/ #sidebar-header {padding-top: 0;width: 100%;} /*----- Header -----*/ .header_container {float: left; width: 100%;} /*----- Footer -----*/ .footer-content {text-align: center} #footer p.fmenu {display: block !important;margin-bottom: 6px;} #footer p.fmenu, #footer p.copyright, #footer p.credit {float: none;display: inline-block;} #footer p.credit {clear:both } /*New Menu link*/ .menu ul > li .newlink {top: 10px; left: 96px} /*price-packages*/ .option_box{width:47%} .cart-popup{ width:90%;} #lightbox .option_list{ padding: 15px; } } @media screen and (max-width: 920px){ .twocolumn.single-content .twocolumn_content, .twocolumn.single-content .twocolumn_image {width:90%;} } p#sales_strip2 { left:0; } /* -------------------------------------------------- :: Tablet (Portrait) ~800px -------------------------------------------------- */ @media only screen and (max-width: 800px) { /*----- Footer -----*/ #footer {padding-top: 30px} #footer .widget_area1, #footer .widget_area2 {width: 100%;float: left;padding-bottom: 0} #footer .widget_area2 { padding-top: 25px;} .footer_widget_wrap .widget {width: 30%;margin-bottom: 25px !important} .footer_widget_wrap .widget:last-child {margin-right: 0 } /*showcase*/ #content .item h2 {line-height: 20px} .cart-content-bonus .cart-content .price{ line-height:17px;} body ul[class*="-column-horizontal"], .tricolumn{ display: inline-block; width: 100%; } } /* -------------------------------------------------- :: Tablet (Portrait) ~680px -------------------------------------------------- */ @media only screen and (max-width: 767px) { body .stand-alone-plugins ul.four-column-horizontal > li{ width: 100%; } .highlighted .templatic-product-detail-and-name{ padding-top: 10px; padding-bottom: 10px; } .option_box.highlighted .obwrap{ margin-top: 0; box-shadow: none; } #lightbox .option_box{ max-width: 100%; margin-bottom: 20px; } .option_box .obwrap{ border: 2px solid rgba(0, 0, 0, 0.2)!important; } .theme_intro .option_box .buy{ padding: 10px; text-align: left; } .pack_content{ min-height: auto; } .option_box .rate, .theme_intro .option_box .rate{ text-align: left; } #lightbox .templatic-staff-support p{ border: medium none; display: inline-block; float: none; padding: 4px 0; width: 100%; } .templatic-staff-support{ margin-top: 0; } .templatic-product-name, .listings-theme-wrapper h3.templatic-product-name{ margin-bottom: 15px; } #lightbox .option_box.highlighted .obwrap{margin: 0;} } @media only screen and (max-width: 640px) { form#cse-search-box input[type="text"]{ margin-right: 0; margin-bottom: 10px; max-width: 100%; width: 100%; display: inline-block; } } @media only screen and (max-width: 680px) { /*----- mobile header -----*/ .mobile_header {width: 68%;right: -68%;} .mobile_header_open {right: 0} .sidebar-subsidiary .sidebar-wrap {margin-left: 0} /*----- Pages -----*/ .arclist ul li span.arclist_comment {display: block;float: none;} #todate, #frmdate {max-width: 58% !important} /*----- Footer -----*/ .footer_widget_wrap {margin-left: 0} /*----- contact page -----*/ .contact_parent .loop-description {width: 100%; margin-right: 0%;margin-bottom: 40px;} .contact_parent .cont_wid_area {width: 100%;margin-left: 0%;} /*showcase*/ #content .item {width: 47%} #content .item:nth-of-type(3n+3) {margin-right: 4%;} #content .item:nth-of-type(2n+2) {margin-right: 0;} .category_box {float: left; margin-left: 0} .note_text {width: 100%} a.b_submittheme {float: left} .category_box {background-position: center bottom;width: 100%; max-width: 350px; box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;} .post_img img {max-width: 100%} /*clubsignup form*/ .am_club_content {float: none; width: 80%; margin:auto; display:table;} .am_club_sidebar {float: none; width: 100%} .cart-content-bonus .title{ width:100%; margin-bottom:5px; margin-right:0;} .cart-content-bonus .bonus{ width:calc(100% - 115px);} .am-global-signup .am_global_sidebar, .am-club-signup .am_global_sidebar{ display:inline-block; padding:0;} .cart-popup{ height:80%; overflow-y:scroll;} .cart-content-body .line-item-price{ text-align:center;} .cart-content-body .line-item-price > div{ width:100%; display:inline-block; margin-bottom:10px;} .cart-content-body .line-item-price .btn-normal{ display:block;} .cart-btn-mobile{ margin-right:55px;} section.templatic-price-package .option_box{width:100%; margin:30px 0;} section.templatic-price-package .option_box.highlighted{width:100%; margin-top:30px;} .singular-page-6380 .content_two_column > div, .theme_intro .dig_deeper ul li{width:100% !important;} } @media only screen and (max-width:640px) { .cart-content-body .cart-content{ float: none; height: inherit; max-height: inherit; min-height: inherit; } body .package-list{ display:none; position: static !important; } .wp-caption.aligncenter{padding:0;} #footer .widget_area2 { padding-top: 0;} } @media (max-width: 680px) { .am-partners > li{ width: 100%!important; } } @media only screen and (max-width:620px) { .footer-search-wrapper .search_form_update form#cse-search-box input[type="text"]{ width: 200px; } .footer-search-container a.button{ padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 600px) { #wpadminbar{ position: fixed; } } @media only screen and (max-width: 500px) { .social_block{ display: inline-block; } #footer .social-block-wrapper .footer-search-wrapper, #footer .social-block-wrapper .footer_widget_wrap{ float: none; width: 100%; } #footer .social-block-wrapper .footer-search-wrapper{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding-bottom: 20px; } .footer-search-wrapper .search_form_update form#cse-search-box input[type="text"]{ margin-bottom: 10px; margin-right: 0; max-width: 100%; width: 100%; } .socialmedia li a i{ font-size: 1em; height: 40px; width: 40px; line-height: 2.5; } .footer-search-wrapper .search_form_update{ float: none; margin-right: 0; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap img{ width: 90px; height: 90px; margin-right: 15px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap .theme-selection-content h4{ font-size: 20px; font-weight: 600; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap{ padding: 15px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins::before{ background-size: 80px auto; top: 20px; left: 8px; } } /* -------------------------------------------------- :: Mobile (Landscape) ~480px -------------------------------------------------- */ @media only screen and (max-width: 480px) { /*----- widget - popular post -----*/ .popular_post ul li a.link_img {width: 18%} .popular_post ul li .post_data {width: 77%} /*----- Content Reset -----*/ .gallery {margin: 0} .gallery-item {margin-left: 0;width: 100% !important;} .gallery-caption {display: block !important} #todate, #frmdate {max-width: 80% !important} #contact_frm .form_row div {display: block} #contact_frm .message_error, #contact_frm .form_row .b_submit {margin-left: 0} #content_sp .features, #tabs ul li {padding-bottom: 4px} #content_sp #navigation > UL, #content_sp #navigation LI, #tabs ul {display: block; margin: 0;} #content_sp .features li.active a, #tabs ul li.active a {position: static; border: 2px solid #CBCBCC !important; border-radius: 4px;} /*----- Footer -----*/ .footer_widget_wrap .widget {width: 100%} /*tabs : product category page*/ #content_sp.tpro_cat .features {padding-left: 0} .newlink_green {left: 138px} /*price-packages*/ .option_box{width:100%; margin: 0 0 20px} .cart-popup{ width:80%;} .cart-content-footer .left{ display:none;} .cart-content-footer .right{ float:left; width:100%; display:inline-block; text-align:center;} .cart-content-footer .right a{ display:block;} body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap, body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap{ display: block; text-align: center; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap img, body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap img{ float: none; margin-right: 0; margin-bottom: 12px; height: 102px; width: 102px; } body .recently-launched-plugins ul.four-column-horizontal > li.new-plugins a.support-features-verticle-wrap .theme-selection-content h4, body .stand-alone-plugins ul.four-column-horizontal > li a.support-features-verticle-wrap .theme-selection-content h4{ font-size: 18px; } body .recently-launched-plugins ul.plugin-list[class*="-column-horizontal"] li, body .stand-alone-plugins ul.plugin-list[class*="-column-horizontal"] li, body ul.plugin-list[class*="-column-horizontal"] li{ margin-bottom: 0!important; padding: 15px!important; } h1 { font-size: 2em; } .entry-content h2{ font-size: 1.5em; } } @media only screen and (max-width: 480px) { .socialmedia li a i{ line-height: 3; } .club-banner-wrap .club-btn-wrap .btn{ padding: 14px 18px; border-width: 1px; box-shadow: none; } .club-btn-wrap{ float: none; margin-bottom: 10px; margin-top: 0; position: inherit; } } /* -------------------------------------------------- :: Mobile (Portrait) ~320px -------------------------------------------------- */ @media only screen and (max-width: 320px) { #todate, #frmdate { max-width: 70% !important; } body.responsive_menu {right: 216px;} #nav-secondary {right: -216px;width: 216px;} } /* Break Image Out of Parent div */ @media only screen and (min-width:1024px) { .showfullimage{ max-width:inherit!important; width:160%!important; display:block!important; clear:none!important; margin:0 -30%!important;} } /* ========================================================================== Menu Responsive ========================================================================== */ @media only screen and (max-width: 1500px) { .menu li:last-child:hover ul, .menu li:last-child:hover .sub-menu.sub{ left: auto; right: 0; } .menu li:hover ul.large-multi-menu{ left: auto; right: -470px; } } @media only screen and (max-width: 1152px) { .sub-menu.sub.multi-menu{ display: block; } .sub-menu.sub.multi-menu-with-description{ width: 100%; } .responsive_menu .menu li ul, body .menu li ul{ float: none; } .sub-menu.sub{ visibility: inherit; background: transparent; box-shadow: none; border: none; } .responsive_menu .menu li ul, body .menu li ul{ margin: 0; } .sub-menu.sub.multi-menu > li > a.with-ul, .sub-menu.sub.multi-menu-with-description > li a.with-ul, .sub-menu.sub.multi-menu > li .sub-menu{ padding-left: 0; padding-right: 0; } .responsive_menu .menu li, .menu li{ padding-top: 0px; padding-bottom: 0px; } .sub-menu-inner li a{ padding-top: 10px; padding-bottom: 10px; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description > ul > li > ul.sub-menu > li{ margin-top: 0; margin-bottom: 0; border-color: rgba(255, 255, 255, 0.1); } .sub-menu.sub.multi-menu-with-description .menu-list-with-description li span{ padding-bottom: 0; } .menu ul li li a{ color: #fff; } .sub-menu.sub.multi-menu > li{ width: 100%; float: none; } .sub-menu.sub.multi-menu-with-description > li{ padding-left: 0; padding-right: 0; } .responsive_menu .menu li a:hover, .responsive_menu .menu li:hover > a, .responsive_menu .menu li.current-menu-item > a, .responsive_menu .menu li.current_page_item > a{ text-decoration: none } .menu ul > li, .menu.mright ul > li{ padding: 10px; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description > ul > li > ul.sub-menu > li{ padding-top: 10px; padding-bottom: 10px; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description > ul > li > ul.sub-menu > li:first-child{ padding-top: 0; } .sub-menu.sub.multi-menu-with-description .menu-list-with-description li a{ font-size: 16px; } .vertical-banner ul li.multi-menu-banner{ clear: none; display: inline-block; float: left; margin: 0 10px; width: 42%; } .sub-menu.sub.multi-menu > li.big-button a{ font-size: 14px; padding: 10px 20px; } .sub-menu.sub.multi-menu-with-icon > li { margin-bottom: 10px; padding-left: 0; padding-right: 0; } .sub-menu.sub.multi-menu-with-icon{ width: 100%; } .sub-menu.sub.multi-menu-with-icon, .sub-menu.sub.multi-menu.large-multi-menu{ padding-top: 10px; } .sub-menu.sub.multi-menu-with-icon > li .plugins-icon-wrapper h5, .sub-menu.sub.multi-menu.large-multi-menu > li a.with-ul, .sub-menu.sub.multi-menu > li a.with-ul{ color: #fff; font-size: 16px; font-weight: 400; } .sub-menu.sub.multi-menu-with-icon > li .plugins-icon-wrapper p, .sub-menu.sub.multi-menu.large-multi-menu .sub-menu li a, .menu ul li .sub-menu-inner li a, .sub-menu.sub.multi-menu .sub-menu li a{ color: #999; font-size: 14px; } .sub-menu.sub.multi-menu-with-icon > li img { height: 45px; margin-right: 10px; max-width: 45px; } #menu-secondary-items > li{ clear: both; display: block; float: none; margin-bottom: 20px; max-width: inherit; } .sub-menu.sub.multi-menu > li{ margin-bottom: 0; } .sub-menu.sub.multi-menu.multi-menu-with-icon > li{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 10px; padding-bottom: 10px; } .sub-menu.sub.multi-menu.multi-menu-with-icon > li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sub-menu.sub.multi-menu.large-multi-menu > li{ border-right: medium none; margin: 0; width: 100%; } .sub-menu.sub.multi-menu.large-multi-menu{ width: 100%; } .sub-menu.sub.multi-menu.large-multi-menu .view-all-themes{ color: #fff; font-size: 14px; padding-left: 0; padding-right: 0; } .sub-menu.sub.multi-menu.large-multi-menu > li{ margin: 10px 0; } .sub-menu.sub{ position: static; width: 100%; } .menu .sub-menu.sub .sub-menu-inner li a{ margin: 0; } .sub-menu.sub .sub-menu-inner { background-color: transparent; border: medium none; box-shadow: none; } .responsive_menu .menu li li a, .menu li li a{ padding-left: 0; padding-right: 0; } .sub-menu.sub.multi-menu.large-multi-menu > li, .sub-menu.sub.multi-menu > li{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 10px; margin-top: 0; padding-bottom: 10px; } .sub-menu.sub.multi-menu.large-multi-menu > li:last-child, .sub-menu.sub.multi-menu > li:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .responsive_menu .menu li .sub-menu-inner li a, .menu li .sub-menu-inner li a{ padding: 6px 0; } .sub-menu.sub.multi-menu{ width: 100%; padding: 0; } .multi-menu-with-background-image::before{ display: none; } .mleft #menu-secondary-items > li{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; } .mleft #menu-secondary-items > li:last-child{ border-bottom: none; margin-bottom: 0; } .menu.mleft #menu-secondary-items > li > a{ font-size: 16px; font-weight: 600; text-transform: uppercase; } /* ========================================================================== Primary Menu ========================================================================== */ .mright > ul, .cart-checkout{ float: none; } .mright #menu-secondary-items > li{ margin-bottom: 0; } /* ========================================================================== Menu Accordion ========================================================================== */ .sub-menu.sub, .sub-menu.sub.multi-menu{ position: absolute; top: 0; left: 0; height: 100%; overflow-x: hidden; overflow-y: auto; padding-top: 10px; width: 100%; transition: transform 0.3s ease 0s; transform: translateY(100%); opacity: 0; display: none; } .menu-open .sub-menu.sub, .menu-open .sub-menu.sub.multi-menu{ position: static; transform: translateY(0); opacity: 1; display: block; } .menu.mleft #menu-secondary-items > li{ position: relative; cursor: pointer; } .menu.mleft #menu-secondary-items > li:before{ color: rgba(255, 255, 255, 0.5); content: "\f067"; font-family: "FontAwesome"; font-size: 14px; position: absolute; right: 22px; top: 6px; } .menu.mleft #menu-secondary-items > li.menu-open:before{ content: "\f068"; } }