/* Theme Name: Aspire Lite Theme URI: cyberchimps.com/aspire-lite/ Author: CyberChimps Author URI: http://www.cyberchimps.com/ Description: CyberChimps Magazine theme Version: 1.0 Tags: white, black, silver, light, two-columns, right-sidebar, fixed-layout, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post Text Domain: Aspire License: GNU General Public License License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later) */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700); body { margin: 0; padding-left: 0; padding-right: 0; color: #4E4E4E; } img { border: 0; max-width: 100%; width: auto; height: auto; } a { color: #4c4c4c; } a:hover { color: #4c4c4c; text-decoration: none; } #form-allowed-tags code { background-color: transparent; } pre { white-space: pre-wrap; word-break: normal; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body { font-family: 'Noto Serif', serif; word-wrap: break-word; } /*==================================================*/ .magazine-metadata { font-style: italic; border-bottom: 1px dotted; padding-bottom: 0.3em; margin-bottom: 0.3em; } .magazine-metadata #by-magazine:before { content: ""; display: inline-block; height: 2px; width: 190px; background-color: #000; vertical-align: middle; margin: 0 5px 0 3px; } #magazine .post-title a { color: #000; font-weight: bold; } #magazine .entry .excerpt-more { border: 1px solid #000; padding: 0.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #5e5e5e; } #magazine .pagination > li { display: inline-block; } #magazine .post-container { max-width: 100%; } .archive #content #column_width, .blog #content #column_width, .home #content #column_width { height: 0; } .archive #content #gutter_width, .blog #content #gutter_width, .home #content #gutter_width { width: 2.127659574468085%; height: 0; } .archive #content .col-md-4, .blog #content .col-md-4, .home #content .col-md-4 { width: 31.914893617%; } .archive #content .col-md-6, .blog #content .col-md-6, .home #content .col-md-6 { width: 48.517948717948715%; } .archive #content .col-md-12 , .blog #content .col-md-12 , .home #content .col-md-12 { width: 98%; } .breadcrumbs { background-color: #fdf5f1; padding: 1em; margin: 1em; } .breadcrumbs .b1 { margin-left: 18em; } .breadcrumbs a { color: #6f6f6f; } .breadcrumbs .current { color: #000; } .carousel-caption { width: 100%; max-width: 100%; right: 0px; left: 0px; background-color: #000; opacity: 0.6; } .carousel-caption h2 { font-family: 'Noto Serif', serif; font-style: italic; } .es-carousel ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-left: 0px; } .carousel-control { font-size: 60px; opacity: 1; top: 25%; width: 7%; } .carousel-control:hover { opacity: 0.5; } .carousel-control.left, .carousel-control.right { background-image: none; } #callout_container .btn p { margin: 0px; white-space: normal; } #callout_button a { margin-top: 10%; font-size: 1em; margin-bottom: 5%; } #callout { border: 4px double #000; text-align: center; } #callout .callout-title { margin-top: 0.5em; } #cyberchimps_product { border: 4px double #000; text-align: center; } #cyberchimps_product #cyberchimps_product_media { margin-top: 1em; margin-bottom: 1em; } #cyberchimps_product #cyberchimps_product_button { border: 1px solid #000; margin-top: 1em; margin-bottom: 1em; } #product_element_section, #magazine_section, #callout_section_section, #widgets_section_section, #twitterbar_section_section { margin-top: 1em; margin-bottom: 1em; } .recent-posts-byline { line-height: 1.3; font-style: italic; } .recent-posts-post-title { font-size: 1.2em; } .recent-posts-container > p { margin-top: 0.5em; } .recent-posts-container { border-top: 1px dotted #000; } #twitter_bar { border: 4px double #000; } #twitter_bar #twitter_text .twitter-followers { float: none; margin-bottom: 1em; } #twitter_bar #twitter_text .ul { margin-top: 1em; } #twitter_bar #twitter_text .tweet { margin-bottom: 8px; padding: 14px 15px 21px; border: 1px dotted #856D60; } /*=======================Post Formats==========================*/ .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { line-height: 1.3333; } .format-link .entry-title a:after { font-size: 24px; height: 24px; position: relative; top: 0; width: 24px; } .blog .format-status .entry-title, .archive .format-status .entry-title { display: none; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*====================Portfolio================================*/ #portfolio li { list-style-type: none; } /*============================Woocommerce==================*/ .woocommerce .quantity .qty { line-height: inherit; } .woocommerce-cart table.cart td.actions .coupon .input-text { line-height: 1.25; } .woocommerce form .form-row input.input-text { line-height: inherit; } .woocommerce input.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #000; text-decoration: none; color: #fff; } .woocommerce div.product form.cart .button { margin-top: 0.5em; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ textarea, select, option, input { max-width: 100%; } input, textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid black; background-color: #fff; line-height: 1.8; margin-top: 0.8em; margin-bottom: 1em; } input[type="submit"] { color: #fff; background-color: #000; } input[type="text"] { max-width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*====================Header menu===================*/ .navbar-default { background-color: transparent; border: none; } .navbar-default #navbar { text-align: center; } .navbar-default #navbar > div { text-align: center; } .navbar-default .navbar-nav > li { float: none; } .navbar-default .nav > li { display: inline-block; } .navbar-default .navbar-nav { float: none; font-size: 1.5em; } .navbar-default .navbar-nav > .active > a { background-color: transparent; color: #2b1103; } .navbar-default .navbar-nav > .active > a:hover { background-color: transparent; color: #ac5a2d; } .navbar-default .navbar-nav > li > a:hover { color: #ac5a2d; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { background-color: #235466; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 0.7em; } .dropdown-menu > li > a { color: #fff; } .dropdown-menu > li > a:hover { color: #fff; text-decoration: none; background-color: #2d667b; } .navbar-default .navbar-nav > .active > a { padding-bottom: 0.2em; } #header_section .current_page_item:after { content: " "; width: 0px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #235466; display: block; left: 46%; position: absolute; } li.grandchild ul a { color: #fff; } li.grandchild ul li { list-style-type: none; padding: 0.5em; padding-bottom: 0; } .navbar-default .navbar-nav > li > a { color: #2b1103; } .caret { display: none; } /*========================Pagination===========================*/ .pagination ul { padding-left: 0.5em; } .pagination ul li { display: inline-block; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.2em 0.5em; margin: 0.5em; font-size: 0.8em; } /*==========================Sidebar==========================*/ #sidebar { margin-top: 1em; padding-right: 0.5em; padding-left: 0.5em; } #sidebar aside ul { padding-left: 0.5em; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; background-color: #F2F2F2; padding-left: 0.5em; padding-top: 0.5em; } .commentlist { padding-left: 0px; } .commentlist article { margin-bottom: 1em; } .commentlist .comment { list-style-type: none; } label[for="comment"] { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*===============================================================*/ .main_posted_by { display: table; } .main_posted_by .author_left_line { display: table-cell; width: 100%; position: relative; white-space: nowrap; padding-right: 0.5em; } .main_posted_by .author_left_line:after { content: ""; width: 100%; border-top: 1px solid #000; display: inline-block; vertical-align: middle; margin-right: 0.5em; } .main_posted_by .byline { display: table-cell; white-space: nowrap; } .main_posted_by .byline, .main_posted_by a { font-family: 'Noto Serif', serif; font-style: italic; } .blog .entry-meta , .home .entry-meta { font-size: 0.9em; font-family: 'Noto Serif', serif; font-style: italic; } .blog .entry-summary > p , .home .entry-summary > p { font-size: 1.1em; } .blog .excerpt-more , .home .excerpt-more { font-size: 0.75em; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.4em; } .blog .entry-header .entry-title , .home .entry-header .entry-title { margin-top: 0; } .entry-meta .sep { display: none; } .postformats { float: right; } .postformats .glyphicon { color: inherit; font-style: italic; } #sidebar li { list-style-type: none; } .page .featured-image { text-align: center; } .page .main_posted_by { margin-bottom: 1em; font-size: inherit; } footer.entry-meta .sep { display: none; } .entry-meta { font-size: 0.9em; font-family: 'Noto Serif', serif; font-style: italic; } .single .featured-image { margin-bottom: 1em; text-align: center; } /*=======================404 page=======================*/ #error_page .error404, #error_page .no-results , #search_page .error404, #search_page .no-results { text-align: center; } #error_page .error404 .searchform , #error_page .no-results .searchform , #search_page .error404 .searchform , #search_page .no-results .searchform { float: none !important; margin: auto; width: 50%; margin-top: 3%; margin-bottom: 6%; } #error_page .error404 .entry-title , #error_page .no-results .entry-title , #search_page .error404 .entry-title , #search_page .no-results .entry-title { font-family: 'Noto Serif', serif; font-weight: 700; } /*====================================================*/ .previous-post { margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; text-align: left; } .next-post { padding-bottom: 0px; text-align: right; margin-top: 5px; margin-bottom: 0px; } #page_slider_section { margin-bottom: 1em; } .gallery-pagination { margin: 1.5em 0; } .gallery-pagination img { margin-bottom: 1em; } .blog a.excerpt-more:hover, .home a.excerpt-more:hover, .widget_tag_cloud a:hover, .pagination ul li:hover, .pagination ul .active, .read_more a:hover { background-color: #000; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #cc-header .col-lg-7, #cc-header .col-md-7 { width: 100%; text-align: center; } #cc-header .col-lg-7 .site-title , #cc-header .col-md-7 .site-title { font-size: 5em; font-family: 'Noto Serif', serif; font-weight: 700; } #cc-header .col-lg-7 .site-title a , #cc-header .col-md-7 .site-title a { color: #2b1103; } #cc-header .col-lg-7 .site-title a:hover , #cc-header .col-md-7 .site-title a:hover { text-decoration: none; } #cc-header .col-lg-7 .site-description , #cc-header .col-md-7 .site-description { font-size: 1.25em; color: #856d60; font-family: 'Noto Serif', serif; font-style: italic; } #cc-header .col-lg-7 .site-description:before , #cc-header .col-md-7 .site-description:before { background-color: #8a6d5d; content: ""; display: inline-block; height: 3px; margin: 0 10px; vertical-align: middle; width: 105px; } #cc-header .col-lg-7 .site-description:after , #cc-header .col-md-7 .site-description:after { background-color: #8a6d5d; content: ""; display: inline-block; height: 3px; margin: 0 10px; vertical-align: middle; width: 105px; } #cc-header .col-lg-7 #logo , #cc-header .col-md-7 #logo { margin-bottom: 1em; } #cc-header #description { width: 100%; text-align: center; } #cc-header #description .blog-description p { font-size: 1.25em; color: #856d60; font-family: 'Noto Serif', serif; font-style: italic; } #cc-header #description .blog-description p:before { background-color: #8a6d5d; content: ""; display: inline-block; height: 3px; margin: 0 10px; vertical-align: middle; width: 105px; } #cc-header #description .blog-description p:after { background-color: #8a6d5d; content: ""; display: inline-block; height: 3px; margin: 0 10px; vertical-align: middle; width: 105px; } #cc-header #register { width: 100%; } #cc-header #register .register { float: right; color: #856d60; } #cc-header #register .contact_details { width: 30%; float: right; color: #856d60; } #cc-header #search { width: 100%; } #cc-header #search .searchform { float: right; margin-bottom: 1em; } #cc-header #search .searchform #searchsubmit { color: #5e5e5e; border: 1px solid #000; font-size: 0.9em; padding-top: 0.4em; } #cc-header #search .searchform #s { font-size: inherit; line-height: 1.3; } .widget_tag_cloud a { padding: 4px 9px; margin: 0px 6px 6px 0px; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; background-color: transparent; font-size: 0.9em !important; } .widget_tag_cloud .tagcloud { overflow: hidden; } #footer-widget-container aside:before { content: ""; width: 100%; border-top: 4px double #000; display: inline-block; vertical-align: middle; } #footer-widget-container .widget-title { margin-bottom: 0.7em; margin-top: 0.5em; } #footer-widget-container .textwidget img { max-width: 100%; height: auto; } #footer-widget-container .single_post_details { margin-top: 0; } #footer-widget-container .widget_aspire_testimonial_widget { border: none; } #after_footer { margin-top: 1em; background-color: #000; padding-top: 2em; padding-bottom: 2em; } #after_footer .cc-credit-logo { width: auto; margin-right: 1em; } #after_footer ul { list-style-type: none; float: right; padding-left: 0px; max-width: 100%; margin-right: 0.5em; } #after_footer ul li { display: inline; margin-right: 0.5em; margin-top: 1em; } #after_footer ul .current_page_item:after { display: none; } #after_footer #copyright { float: right; color: #fff; font-style: italic; margin-bottom: 1em; } #after_footer a { color: #fff; } #after_footer a:hover { color: inherit; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } /*============Quote Widget====================*/ .widget_aspire_quote_widget { background-color: #ebebeb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .widget_aspire_quote_widget p { font-size: 2.5em; margin-bottom: 1em; padding: 0.3em; font-family: 'Noto Serif', serif; font-style: italic; } /*=================Single Featured Post widget=====================*/ .single_post_details { margin-top: 1.5em; } .single_post_details .post_author { display: table; font-size: 0.8em; } .single_post_details .post_author .author_left_line { display: table-cell; width: 100%; position: relative; white-space: nowrap; } .single_post_details .post_author .author_left_line:after { content: ""; width: 100%; border-top: 1px solid #000; display: inline-block; vertical-align: middle; margin-right: 0.5em; } .single_post_details .post_author .by_author { display: table-cell; white-space: nowrap; } .single_post_details .post_author .by_author { font-family: 'Noto Serif', serif; font-style: italic; } .single_post_details .post_author a { font-family: 'Noto Serif', serif; font-style: italic; } .product_title a { font-size: 2em; font-family: 'Noto Serif', serif; font-style: italic; } .read_more { margin-top: 1em; margin-bottom: 1em; } .read_more a { font-size: 0.85em; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.4em; } .single_product_image img { height: auto; max-height: 480px; } #horizontal-widget-container aside { margin-bottom: 1.5em; } #sidebar .single_product_details div { width: 100%; } #sidebar .widget_aspire_quote_widget { margin-top: 1em; } #sidebar .single_post_details { margin-top: 0; } #sidebar .widget_aspire_single_post_widget { margin-top: 1em; margin-bottom: 1em; } #sidebar .widget_aspire_double_posts_widget { margin-top: 1em; margin-bottom: 1em; } #sidebar select { background: none repeat scroll 0% 0% transparent; border: 1px solid #4e4e4e; } /*===============================Box widget===============================*/ .archive .testimonial_title { text-align: center; border-top: 4px double #000; margin-top: 1em; padding-top: 0.5em; padding-bottom: 0.5em; font-family: 'Noto Serif', serif; font-weight: 700; font-size: 2em; } .testimonial_img_display { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .widget_aspire_testimonial_widget { border: 1px solid #4c4c4c; } .widget_aspire_testimonial_widget .row { padding: 1em; } .widget_aspire_testimonial_widget .row .testimonial_img_div { text-align: center; } .widget_aspire_testimonial_widget .row .testimonial_data { font-family: 'Noto Serif', serif; font-style: italic; } .box { margin-bottom: 1em; } /*===============================================================*/ #calendar_wrap table { margin: 0px 0px 1rem; width: 100%; } #horizontal-widgets ul , #footer-widgets ul { list-style-type: none; } #footer-widgets .widget_aspire_quote_widget { background-color: transparent; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*=======================Media Queries=========================*/ @media screen and (min-width: 768px) and (max-width: 991px) { .product_content { font-size: 0.8em; } .single_post_details { margin-top: 0; } .product_title a { font-size: 1.5em; } } @media screen and (max-width: 991px) { .archive #content .col-md-4, .archive #content .col-md-6 , .blog #content .col-md-4, .blog #content .col-md-6 , .home #content .col-md-4, .home #content .col-md-6 { width: 98%; } .archive #content .col-md-4 img , .archive #content .col-md-6 img , .blog #content .col-md-4 img , .blog #content .col-md-6 img , .home #content .col-md-4 img , .home #content .col-md-6 img { max-width: 100%; } .container-box1, .container-box2, .container-box3 { float: left; width: 100%; } .breadcrumbs { text-align: center; } .breadcrumbs .b1 { margin-left: 0; } .current_page_item::after { display: none; } .navbar-default .nav > li { display: block; } .dropdown-menu { position: static; top: auto; left: auto; display: block; float: none; } .dropdown-toggle .glyphicon-plus { display: none; } .navbar-toggle { display: block; float: none; margin: auto auto; } .navbar-default .navbar-toggle { border: none; } .glyphicon { font-size: 30px; } .navbar-collapse.collapse { display: none !important; } .collapse.in { display: block !important; } .navbar-header { float: none; } .navbar-default .navbar-nav { background-color: #2d667b; font-size: 1.2em; } .navbar-default .navbar-nav > li > a { color: #fff; font-weight: 700; } .navbar-default .navbar-nav > .active > a { font-style: italic; } li.grandchild > ul { padding-left: 1em; } li.grandchild ul { padding-left: 0.5em; } .dropdown-menu > li > a { white-space: normal; } .dropdown-menu ul { list-style-type: none; } .dropdown-menu a { color: #fff; } .navbar-default .navbar-nav { font-size: 1.2em; } #callout_button a { margin-top: 0; margin-bottom: 5%; max-width: 100%; } #header_section .current_page_item:after { display: none; } #twitter_bar #twitter_text .twitter-img { display: inline; float: left; text-align: center; padding-top: 0.5em; } } @media screen and (min-width: 992px) { .dropdown-menu:before { border-bottom: 10px solid #235466; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: 100%; content: " "; height: 0; left: 50%; position: absolute; width: 0; } .dropdown-menu { left: 50%; -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .dropdown-menu ul { display: none; } li.grandchild:hover ul { display: block; } li.grandchild > ul { position: absolute; left: 100%; top: 0; width: 100%; background-color: #235466; padding-left: 1em; } li.grandchild > ul ul { background-color: #235466; } li.grandchild ul { width: auto; } li.grandchild ul a { color: #fff; } li.grandchild ul li { list-style-type: none; padding: 0.5em; } } @media screen and (min-width: 361px) and (max-width: 480px) { .carousel-caption h2 { font-size: 20px; padding-bottom: 0.7em; } } @media screen and (max-width: 360px) { .carousel-caption h2 { font-size: 15px; padding-bottom: 0.7em; } .woocommerce-cart #page_section_section .container > .row > .col-lg-12 { padding-right: 0; padding-left: 0; } .woocommerce-cart #page_section_section #content { padding-right: 0; padding-left: 0; } .commentlist .children { padding-left: 0; } } @media screen and (max-width: 480px) { .carousel-indicators { bottom: 0; } } @media screen and (max-width: 767px) { #sidebar { padding-right: 0; padding-left: 0; } .archive .box { width: 100%; float: none; margin: 1%; } #cc-header .col-lg-7 .site-title , #cc-header .col-md-7 .site-title { font-size: 2.5em; } #cc-header .col-lg-7 .site-description:before, #cc-header .col-lg-7 .site-description:after , #cc-header .col-md-7 .site-description:before, #cc-header .col-md-7 .site-description:after { display: none; } #cc-header #description .blog-description p { font-size: 1em; } #cc-header #description .blog-description p:before, #cc-header #description .blog-description p:after { display: none; } } @media screen and (min-width: 440px) and (max-width: 991px) { #calendar_wrap table { width: 50%; } } @media screen and (max-width: 767px) { .main_posted_by { padding-right: 0; padding-left: 0; } #content .entry-header .entry-meta .col-lg-12 { padding-right: 0; padding-left: 0; } } @media (max-width: 440px) { table { table-layout: fixed; } .woocommerce .quantity .qty { max-width: 100%; } .woocommerce form .form-row-last input.button { width: 100%; font-size: 81%; } }