/* Theme Name: Example Theme URI: http://www.mpcraetion.pl/themeforest/example Description: Beutiful clean portfolio theme. Author: massivePixelCreation Author URI: http://www.blog.mpcreation.pl License: Commercial License URI: http://themeforest.net/licenses/regular_extended Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Version: 1.0.2 */ /* ---------------------------------------------------------------- */ /* /* 1. Reset CSS /* 2. Default Styles /* 3. Layout /* 4. Header /* 5. Navigation /* 6. Blog, Comments & Filterable Categories /* 7. Portfolio /* 8. Sidebar /* 9. Footer + Top Widget Area /* 10. Social Icons /* 11. Widgets /* 12. Responsive Global /* 13. Responsive Custom /* 14. Theme Syles /* /* ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- */ /* Reset CSS /* ---------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, textarea, textfield, input:focus, textarea:focus, textfield:focus { outline: none; border: none; } /* ---------------------------------------------------------------- */ /* 2. Default Styles /* ---------------------------------------------------------------- */ body { -webkit-backface-visibility: hidden; line-height: 1.5em; } #mpcth_page_wrap { position: relative; z-index: 2; font-family: 'Helvetica', Arial, sans-serif; font-size: 14px; line-height: 1.5em; font-weight: 400; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #mpcth_page_wrap a { text-decoration: none; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -ms-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; } #mpcth_page_wrap h1, #mpcth_page_wrap h2, #mpcth_page_wrap h3, #mpcth_page_wrap h4, #mpcth_page_wrap h5, #mpcth_page_wrap h5, #mpcth_page_wrap h6 { font-family: 'Helvetica', Arial, sans-serif; font-weight: 700; margin-bottom: 1em; line-height: 1.5em; } #mpcth_page_wrap p { margin-bottom: 1.5em; line-height: 1.5em; } #mpcth_page_wrap p:last-child { margin-bottom: 0px; } #mpcth_page_wrap pre { font-family: Curier, sans-serif; padding: 10px; background: #f5f5f5; border: 1px solid #EAEAEA; } #mpcth_page_wrap hr { width: 100%; background: #C0C0C0; height: 1px; border: none; } #mpcth_page_wrap .wp-caption { font-style: italic; } #mpcth_page_wrap .wp-caption-text { font-size: 12px; margin: 0px; } #mpcth_page_wrap .sticky { display: block; } #mpcth_page_wrap .gallery-caption { font-style: italic; font-size: 12px; } #mpcth_page_wrap .alignright { float: right; margin: 5px 0px 10px 20px; } #mpcth_page_wrap .alignleft { float: left; margin: 5px 20px 10px 0px; } #mpcth_page_wrap .aligncenter { margin: 10px auto; display: block; } #mpcth_page_wrap .gallery-size-thumbnail { margin-bottom: 40px; } #mpcth_page_wrap #mpcth_page_content, #mpcth_page_wrap #mpcth_page_container { overflow-x: hidden; -ms-overflow-x: hidden; overflow-y: auto; -ms-overflow-y: auto; margin-bottom: 0px; } #mpcth_page_wrap #mpcth_page_articles { overflow: hidden; } /* Background Toggler */ #mpcth_background_container { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; margin-left: 300px; } #mpcth_content_toggler { z-index: 3; line-height: 2em; position: fixed; left: 320px; bottom: 20px; border-radius: 0px; font-family: 'Helvetica', Arial, sans-serif; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_content_toggler:hover { opacity: 1; filter: alpha(opacity=100); } #mpcth_content_toggler a { display: block; padding: 0px 1em; text-decoration: none; } #mpcth_content_toggler #mpcth_content_toggler_show { display: none; } #mpcth_content_toggler.mpcth-content-toggler-bottom { left: auto; right: auto; position: relative; margin: -32px 28px 0px 28px; text-align: center; opacity: 1; filter: alpha(opacity=100); } #mpcth_content_toggler.mpcth-content-toggler-bottom.mpcth-toggler-hidden { position: absolute; margin: 0px; bottom: 28px !important; left: 28px; } blockquote { font-style: italic; } table { margin-bottom: 20px; } dl dt { font-weight: bold; } dl dd { margin-bottom: 10px; } ul { list-style-type: disc; margin-left: 20px; margin-bottom: 20px; } ol { list-style-type: decimal; margin-left: 20px; margin-bottom: 20px; } address { margin-bottom: 20px; } strong { font-weight: 700; } textarea, input { overflow: hidden; } i, cite, em, var, address, dfn { font-style: italic; } strong, b { font-weight: 700; } /* Archive + Search Header */ #mpcth_page_wrap #mpcth-archive-header-info, #mpcth_page_wrap #mpcth-search-header-info { position: relative; display: block; margin: 18px 16px 0px 318px; border: 1px solid #f5f5f5; line-height: 3em; background: #EBF0F5; border-radius: 5px; text-align: center; text-transform: uppercase; } #mpcth_page_wrap #mpcth-archive-header-info h3, #mpcth_page_wrap #mpcth-search-header-info h3 { margin: 0px; } #mpcth_page_wrap .mpcth-sidebar-right #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-right #mpcth-search-header-info { margin: 18px 336px 0px 318px; } #mpcth_page_wrap .mpcth-sidebar-left #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-left #mpcth-search-header-info { margin: 18px 16px 0px 636px; } /* Video Container */ .mpcth-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .mpcth-video-container iframe, .mpcth-video-container object, .mpcth-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flexslider .slides img { height: auto; } /* Page */ .page-template-default #mpcth_page_articles { width: auto; float: right; padding: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page-template-default #mpcth_page_articles .page { border: none; width: auto; background: #EBF0F5; border-radius: 5px; overflow: hidden; margin: 0px; padding: 20px; } body.home #mpcth_page_articles { float: none; } /* Pinterest iFrame */ body > iframe[src*="pinterest.com"] { display: none; } #mpcth_footer { display: none; } /* ---------------------------------------------------------------- */ /* 3. Layout /* ---------------------------------------------------------------- */ #mpcth_page_container { position: relative; z-index: -1; clear: both; } .page-template-blog-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar, .page-template-portfolio-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar, .page-template-gallery-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar, .page-template-blog-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar, .page-template-portfolio-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar, .page-template-gallery-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar { margin-right: -100%; margin-left: 0px; } .mpcth-layout-fluid #mpcth_page_container { width: 100%; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content { width: 100%; float: left; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content #mpcth_page_articles { margin-left: 620px; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content .mpcth-filterable-categories { margin-left: 648px; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar { margin-left: -100%; left: 316px; float: left; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content { float: right; width: 100%; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_page_articles { margin-right: 320px; margin-left: 300px; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar { margin-left: -100%; float: right; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-none #mpcth_page_content { float: right; width: 100%; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-none #mpcth_page_content #mpcth_page_articles { margin-left: 300px; } .mpcth-layout-fluid #mpcth_page_container #mpcth_page_content { min-width: 768px; } /* fixed layout - sidebar: left, right */ .mpcth-layout-fixed #mpcth_page_container { width: 960px; margin: 0 auto; } .mpcth-layout-fixed #mpcth_page_container #mpcth_page_content { width: 340px; } .mpcth-layout-fixed #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content { float: right; } .mpcth-layout-fixed #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar { float: left; } .mpcth-layout-fixed #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content { float: left; } .mpcth-layout-fixed #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar { float: right; } .mpcth-layout-fixed #mpcth_page_container.mpcth-sidebar-none #mpcth_page_content { width: 100%; } .page-template-blog-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_sidebar { margin-left: -100%; margin-right: auto; } .page-template-blog-template-php .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar { margin-left: -100%; margin-right: auto; float: left; left: 320px; } /* menu aside */ .mpcth-layout-fluid #mpcth_aside_menu_section { width: 300px; float: left; margin-right: -100%; } .mpcth-layout-fixed #mpcth_aside_menu_section { width: 300px; float: left; } /* Sidebar Right */ .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_page_articles, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right.single-portfolio #mpcth_page_content #mpcth_page_articles, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right.single-post #mpcth_page_content #mpcth_page_articles { margin: 15px 330px 15px 315px; margin-bottom: 10px; position: relative; background: transparent; float: left; } .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_sidebar, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right.single-portfolio #mpcth_page_content #mpcth_sidebar, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right.single-post #mpcth_page_content #mpcth_sidebar { margin-right: 15px; margin-left: -100%; margin-top: 15px; left: 0px; } /* Sidebar Left */ .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content #mpcth_page_articles, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left.single-portfolio #mpcth_page_content #mpcth_page_articles, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left.single-post #mpcth_page_content #mpcth_page_articles { margin: 15px 15px 15px 630px; position: relative; background: transparent; float: right; } .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content #mpcth_sidebar, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left.single-portfolio #mpcth_page_content #mpcth_sidebar, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left.single-post #mpcth_page_content #mpcth_sidebar { margin-right: -100%; margin-left: 315px!important; margin-top: 15px; left: 0px; float: left; } /* Sidebar None */ .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-none #mpcth_page_content #mpcth_page_articles { margin: 15px 15px 15px 315px; position: relative; background: transparent; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-none #mpcth_page_content #mpcth_page_articles.mpcth-masonry { margin: 10px 0px 15px 300px; border: none; } /* Page */ .page-template-default .mpcth-layout-fluid #mpcth_page_container #mpcth_page_content #mpcth_page_articles { padding: 0px; border-radius: 0px; } .page-template-default .mpcth-layout-fluid #mpcth_page_container #mpcth_page_content #mpcth_page_articles article { padding: 20px; border-radius: 0px; background: #ffffff; border: 1px solid #f5f5f5; position: relative; overflow: visible; } .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_page_articles { padding: 0px; border-radius: 0px; } .page-template-default .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_sidebar { padding: 0px; border-radius: 0px; } /* clear fix */ .mpcth-clear-fix { clear: both; } .search #mpcth_page_wrap #mpcth_page_container #mpcth_page_content, .archive #mpcth_page_wrap #mpcth_page_container #mpcth_page_content, .page-template-blog-template-php #mpcth_page_wrap #mpcth_page_container #mpcth_page_content, .page-template-portfolio-template-php #mpcth_page_wrap #mpcth_page_container #mpcth_page_content, .page-template-gallery-template-php #mpcth_page_wrap #mpcth_page_container #mpcth_page_content { width: 100%; max-width: 100%; } body.home #mpcth_page_wrap #mpcth_page_container #mpcth_page_content { max-width: 9999px; } /* ---------------------------------------------------------------- */ /* 4. Header /* ---------------------------------------------------------------- */ #mpcth_page_header_wrap { position: relative; z-index: 2000; } #mpcth_page_header_content { position: relative; margin: 0 auto; text-align: center; } #mpcth_page_header_content #mpcth_logo { float: left; } #mpcth_page_header_content #mpcth_logo > * { display: inline-block; } #mpcth_page_header_content #mpcth_logo h1 { padding: 0px 0.4em; margin-bottom: 0px; border-radius: 5px; } #mpcth_page_header_content #mpcth_logo small { position: relative; bottom: -0.8em; padding-left: 0.75em; font-size: 1.1em; } #mpcth_page_header_content #mpcth_top_ribbon #searchform { float: right; } #mpcth_page_header_content #mpcth_top_ribbon #searchform input { margin: 4px 4px 4px 0px; padding: 0px 0.5em; background: transparent; color: white; width: 170px; line-height: 1.5em; font-style: italic; } #mpcth_page_header_content #mpcth_top_ribbon #searchsubmit { display: none; } #mpcth_page_header_content #mpcth_top_ribbon .mpcth-social-icons { float: left; margin: 0px; } #mpcth_page_header_content #mpcth_top_ribbon .mpcth-social-icons li { float: left; margin: 0px; } #mpcth_page_header_content #mpcth_logo { float: none; } /* Logo Position: left, right, center */ .mpcth-layout-fixed #mpcth_page_header_content { width: 960px; } /* Aside section with logo and navigation */ #mpcth_aside_menu_section { position: relative; overflow: hidden; text-align: center; } #mpcth_aside_menu_section #mpcth_logo { float: none; } #mpcth_aside_menu_section #mpcth_logo { display: block; width: 100%; } #mpcth_aside_menu_section #mpcth_logo img { margin: 0 auto; display: block; } #mpcth_aside_menu_section #mpcth_logo small { display: inline-block; font-weight: 300; text-align: center; } /* ---------------------------------------------------------------- */ /* 5. Navigation /* ---------------------------------------------------------------- */ /* MAIN MENU + DROP DOWN */ #mpcth_nav { float: right; vertical-align: middle; } #mpcth_nav #mpcth_menu { position: relative; z-index: 5; overflow: hidden; list-style: none; padding: 0px; margin: 0px; font-weight: 400; } #mpcth_nav #mpcth_menu ul { list-style: none; margin: 0px; } #mpcth_nav #mpcth_menu li { position: relative; } /**** for menu tweek ****/ #mpcth_nav #mpcth_menu > li { display: inline-block; /* margin: 0px; */ } /**** for menu tweek ****/ #mpcth_nav #mpcth_menu > li > a { display: block; line-height: 2.5em; } #mpcth_nav #mpcth_menu > li > ul.sub-menu { overflow: hidden; } #mpcth_nav #mpcth_menu > li > ul.sub-menu:hover { overflow: visible; } #mpcth_nav #mpcth_menu > li.last-item { margin-right: 0px; } #mpcth_nav #mpcth_menu ul.sub-menu { visibility: visible; position: absolute; left: 0px; top: 3.5em; min-width: 155px; box-shadow: 8px 0px 12px -8px rgba(0, 0, 0, 0.4) inset, 3px 4px 7px rgba(0, 0, 0, 0.3); background: #ffffff; } #mpcth_nav #mpcth_menu ul.sub-menu li a { line-height: 2.5em; display: block; } #mpcth_nav #mpcth_menu ul.sub-menu li.last-item a { border-bottom: none; } #mpcth_nav #mpcth_menu ul.sub-menu ul.sub-menu { top: 0px; } #mpcth_page_header_content { text-align: center; } #mpcth_page_header_content #mpcth_secondary_nav { width: 100%; overflow: hidden; padding: 0px 0px; } #mpcth_page_header_content #mpcth_secondary_nav #mpcth_secondary_menu { list-style: none; float: right; margin: 0px 0px 0px 0px; } #mpcth_page_header_content #mpcth_secondary_nav #mpcth_secondary_menu > li { float: left; margin-right: 0px; } #mpcth_page_header_content #mpcth_secondary_nav #mpcth_secondary_menu > li a { display: block; } #mpcth_page_header_content #mpcth_secondary_nav #mpcth_secondary_menu > li.last-item { margin-right: 0px; } #mpcth_page_header_content #mpcth_menu { float: none; text-align: center; } #mpcth_page_header_content #mpcth_secondary_nav #mpcth_secondary_menu { float: right; } /* manu on the side */ #mpcth_aside_menu_section { position: fixed; top: 0px; left: 0px; height: 100%; z-index: 100; box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.4); overflow: visible; } #mpcth_aside_menu_section #mpcth_nav { float: none; text-align: left; /*margin-top: 80px; */ text-align: center; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu { font-weight: 300; /*text-transform: uppercase;*/ float: left; border-radius: 0px; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li { float: none; width: 100%; z-index: 10; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current-menu-ancestor > .mpcth-menu-ribbon, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current-menu-parent > .mpcth-menu-ribbon, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current_page_item > .mpcth-menu-ribbon, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li:hover > .mpcth-menu-ribbon { width: 100%; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current-menu-ancestor > a, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current-menu-parent > a, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li.current_page_item > a, #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li:hover > a { color: white; } /*** plus sign to arrow, note that I changed 'mpcth-theme.js; line: 63' ***/ /* #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li .mpcth-menu-plus { position: relative; top: -2px; } */ #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li .nav-arrow { height: 15px; width: 15px; position: absolute; top: 15px; right: 69px; content: url('/wp-content/themes/example/mpc-wp-boilerplate/images/arrow.png'); } /*** plus sign to arrow, note that I changed 'mpcth-theme.js; line: 63' ***/ #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li a { position: relative; z-index: 1; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li .mpcth-menu-ribbon { height: 100%; background: #222222; width: 0%; display: inline-block; position: absolute; top: 0px; left: 0px; z-index: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu li ul.sub-menu { position: absolute; width: 100%; left: 300px; top: 0px; margin: 0px; padding: 0px; } #mpcth_aside_menu_section #mpcth_nav #mpcth_menu { float: none; text-align: center; } /* Secondary Menu (Top Menu) */#mpcth_aside_menu_section { text-align: center; } #mpcth_aside_menu_section #mpcth_menu { float: none; text-align: center; } /* Mobile Navigation */ #mpcth_mobile_nav { overflow: hidden; margin: 10px 17px; position: relative; } #mpcth_mobile_nav #mpcth-nav-select-menu { border: none; border-radius: 0px; background: none; -webkit-appearance: none; color: #777; line-height: 37px; height: 37px; text-indent: 10px; width: 105%; z-index: 1; position: relative; box-shadow: none; font-size: 16px; font-weight: lighter; font-family: 'Helvetica', Arial, sans-serif; margin: 0px; } #mpcth_mobile_nav #mpcth-nav-select-menu:focus, #mpcth_mobile_nav #mpcth-nav-select-menu:hover { outline: none; } #mpcth_mobile_nav .mpcth-nav-select-mockup { background: #EBF0F5; border: 1px solid #F5F5F5; height: 35px; width: 270px; display: inline-block; position: absolute; left: 0px; top: 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mpcth_mobile_nav .mpcth-nav-select-mockup span.mpcth-nav-select-border-left { display: inline-block; height: 35px; width: 30px; position: absolute; right: 7px; top: 2px; font-size: 30px; color: #979797; } #mpcth_aside_menu_section #mpcth_bottom_footer { width: 100%; text-align: center; position: absolute; bottom: 0px; right: 0px; } #mpcth_aside_menu_section #mpcth_bottom_footer .mpcth-footer-copyright { bottom: 15px; position: relative; color: #CCCCCC; font-weight: normal; font-size: 12px; } #mpcth_aside_menu_section #mpcth_bottom_footer #searchform { margin-bottom: 5px; } #mpcth_aside_menu_section #mpcth_bottom_footer #searchform #s { font-size: 12px; color: #222222; font-weight: 300; font-style: italic; text-align: center; background: #F5F5F5; padding: 6px 0px; width: 100%; } #mpcth_aside_menu_section #mpcth_bottom_footer #searchform #searchsubmit { display: none; } /* ---------------------------------------------------------------- */ /* 6. Blog, Comments & Filterable Categories /* ---------------------------------------------------------------- */ #mpcth_page_articles { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_articles article { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_articles .mpcth-prev-post, #mpcth_page_articles .mpcth-next-post { text-transform: uppercase; font-size: 12px; position: relative; } #mpcth_page_articles .mpcth-prev-post span, #mpcth_page_articles .mpcth-next-post span { width: 4px; height: 7px; position: relative; top: -1px; background: url('/wp-content/themes/example/mpc-wp-boilerplate/images/ui/prev-post.png') no-repeat; display: inline-block; } #mpcth_page_articles .mpcth-prev-post a, #mpcth_page_articles .mpcth-next-post a { position: relative; left: 6px; } #mpcth_page_articles .mpcth-next-post { float: right; } #mpcth_page_articles .mpcth-next-post a { right: 6px; left: auto; } #mpcth_page_articles .mpcth-next-post span { background: url('/wp-content/themes/example/mpc-wp-boilerplate/images/ui/next-post.png') no-repeat; } #mpcth_page_articles.mpcth-masonry .post { opacity: 0; } #mpcth_page_articles article.format-link .mpcth-post-thumbnail .mpcth-sc-icon-link { float: left; } #mpcth_page_articles article.format-link .mpcth-post-thumbnail .mpcth-post-title { line-height: 1em; margin-bottom: 0px; } #mpcth_page_articles .mpcth-post-title a { text-transform: uppercase; font-size: 18px; line-height: 1.2em; display: block; margin-bottom: 4px; } #mpcth_page_articles article.format-quote .mpcth-post-thumbnail { padding: 25px 25px 15px 25px; } #mpcth_page_articles article.format-quote .mpcth-post-thumbnail .mpcth-format-quote { font-size: 14px; font-style: italic; } #mpcth_page_articles article.format-quote .mpcth-post-thumbnail .mpcth-format-quote-author { display: block; text-align: right; font-style: italic; } div.mpcth-post-content header, div.mpcth-post-content small { display:none; } #mpcth_page_articles article.format-aside .mpcth-post-content { padding-top: 25px!important; } #mpcth_page_articles article.format-link .mpcth-post-thumbnail { padding: 20px 20px 6px 20px; } #mpcth_page_articles article.format-link .mpcth-post-thumbnail a { margin-bottom: 0px; } #mpcth_page_articles article.format-link .mpcth-post-thumbnail span.mpcth-sc-icon-link { font-size: 20px; } #mpcth_page_articles article.format-video .mpcth-post-thumbnail { padding-bottom: 25px; overflow: visible; } #mpcth_page_articles article.format-audio .mpcth-post-thumbnail { height: 30px; } #mpcth_page_articles article.format-audio .mpcth-post-thumbnail .mpcth-post-audio-note { display: none; } #mpcth_page_articles article.format-audio.mpcth-gallery-item .mpcth-post-thumbnail { height: 78px; } #mpcth_page_articles article.format-standard .mpcth-post-content { padding: 0px 20px; } #mpcth_page_articles.mpcth-single-post article.format-status .mpcth-post-content { position: relative; top: -22px; margin-bottom: -22px; padding-bottom: 40px; } #mpcth_page_articles article.format-status .mpcth-post-thumbnail iframe.twitter-tweet { width: 96% !important; position: relative; max-width: 100%!important; border: none !important; box-shadow: none !important; margin: 0px !important; padding: 10px !important; } #mpcth_page_articles .mpcth-post-thumbnail { position: relative; margin: 0px; display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_articles .mpcth-post-thumbnail img { display: block; width: 100%; height: auto; } #mpcth_page_articles .mpcth-post-thumbnail .wpb_gallery { margin-bottom: 0px; } #mpcth_page_articles .mpcth-post-thumbnail .mpcth-preload-spin { top: 50% !important; left: 50% !important; } #mpcth_page_articles header .mpcth-post-title { display: block; margin: 20px 0px 0px 0px; } #mpcth_page_articles small { margin: -2px 0px 15px 0px; display: none; /*** edited to hide dates and post author ***/ } #mpcth_page_articles small > span { margin-right: 15px; margin-bottom: 1px; display:none; /*** edited to hide dates and post author ***/ } #mpcth_page_articles small > span .zilla-likes-count { position: relative; left: -4px; } #mpcth_page_articles .post { width: 100%; background: white; margin: 5px; padding: 0px; border: 1px solid #F5F5F5; } #mpcth_page_articles .post .mpcth-post-content { overflow: hidden; padding: 0px 20px; } #mpcth_page_articles .post .mpcth-post-content p { margin: 1.5em 0px; } #mpcth_page_articles .post .mpcth-portfolio-read-more, #mpcth_page_articles .post .mpcth-blog-read-more { display: block; position: relative; text-align: right; line-height: 1em; margin-bottom: 15px; text-transform: uppercase; font-weight: 400; float: right; -webkit-transition: background 0.25s, color 0.25s; -moz-transition: background 0.25s, color 0.25s; -ms-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; } #mpcth_page_articles.mpcth-masonry { padding: 0px 10px 0px 12px; margin-bottom: 15px; margin-top: 10px; } #mpcth_page_articles.mpcth-masonry .mpcth-post-thumbnail { display: block; } #mpcth_page_articles.mpcth-masonry .mpcth-post-thumbnail img { width: 100%; height: auto; display: block; } #mpcth_page_articles.mpcth-single-post { width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_articles.mpcth-single-post .portfolio, #mpcth_page_articles.mpcth-single-post .post { border: none; width: auto; padding: 0px; margin: 0px; background: transparent; } #mpcth_page_articles.mpcth-single-post .portfolio .mpcth-post-thumbnail, #mpcth_page_articles.mpcth-single-post .post .mpcth-post-thumbnail { border-top: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; overflow: visible; } #mpcth_page_articles.mpcth-single-post .portfolio .mpcth-post-content, #mpcth_page_articles.mpcth-single-post .post .mpcth-post-content { padding: 0px 25px 25px 25px; background: #ffffff; position: relative; overflow: visible; border-left: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; } #mpcth_page_articles.mpcth-single-post .portfolio .mpcth-post-content > header .mpcth-post-title, #mpcth_page_articles.mpcth-single-post .post .mpcth-post-content > header .mpcth-post-title { padding-top: 25px; margin: 0px 0px 3px 0px; line-height: 1em; } #mpcth_page_articles.mpcth-single-post .portfolio .mpcth-post-content > header .mpcth-post-title a, #mpcth_page_articles.mpcth-single-post .post .mpcth-post-content > header .mpcth-post-title a { display: block; } #mpcth_page_articles.mpcth-single-post .portfolio .mpcth-post-content > small, #mpcth_page_articles.mpcth-single-post .post .mpcth-post-content > small { margin-bottom: 15px; display:none; /*** edited to hide dates and post author ***/ } #mpcth_page_articles #comments { position: relative; margin-top: 15px; background: #ffffff; border: 1px solid #F5F5F5; padding: 25px; } #mpcth_page_articles #comments .comments-title { margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #222222; text-transform: uppercase; padding: 0px; } #mpcth_page_articles #comments .commentlist { list-style: none; margin-left: 0px; } #mpcth_page_articles #comments .commentlist ol.children { margin-left: 0px; list-style: none; } #mpcth_page_articles #comments .commentlist ol.children > li { margin-left: 20px; } #mpcth_page_articles #comments .commentlist ol.children li #respond { margin-top: -15px; margin-bottom: 28px; } #mpcth_page_articles #comments .commentlist article.comment { margin-bottom: 25px; } #mpcth_page_articles #comments .commentlist article.comment.mpcth-post-author header.comment-meta { padding-top: 10px; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta { padding: 0px 20px 10px 0px; color: #CCCCCC; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta img { margin-right: 20px; float: left; width: 60px; height: 60px; border: 1px solid #f5f5f5; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta cite { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #222222; line-height: 1.25em; font-style: normal; display: block; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta cite a { color: #222222; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta cite a:hover { color: #444444; } #mpcth_page_articles #comments .commentlist article.comment header.comment-meta span { font-size: 12px; color: #CCCCCC; } #mpcth_page_articles #comments .commentlist article.comment section.comment-content { overflow: hidden; } #mpcth_page_articles #comments .commentlist article.comment section.comment-content p { margin-bottom: 0px; } #mpcth_page_articles #comments .commentlist article.comment .mpcth-comment-color-stripe { height: 9px; background: #E1E6EB; } #mpcth_page_articles #comments .commentlist article.comment .comment-edit-link { position: relative; font-size: 12px; color: #222222; float: right; text-transform: uppercase; margin-top: 5px; } #mpcth_page_articles #comments .commentlist article.comment .comment-edit-link:hover { color: #444444; } #mpcth_page_articles #comments .commentlist article.comment .comment-awaiting-moderation { margin: 0px 20px; font-style: italic; font-size: 12px; color: #5BC15B; } #mpcth_page_articles #comments #respond #reply-title { margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #222222; text-transform: uppercase; padding: 0px; } #mpcth_page_articles #comments #respond #reply-title small { display: inline; } #mpcth_page_articles #comments #respond #commentform label { display: none; } #mpcth_page_articles #comments #respond #commentform input { font-size: 14px; font-family: 'Helvetica', Arial, sans-serif; color: #515151; } #mpcth_page_articles #comments #respond #commentform .form-allowed-tags, #mpcth_page_articles #comments #respond #commentform .comment-notes { font-size: 12px; font-style: italic; margin-top: 0px; } #mpcth_page_articles #comments #respond #commentform .form-allowed-tags { margin-bottom: 15px; } #mpcth_page_articles #comments #respond #commentform .comment-form-comment { clear: both; position: relative; margin-bottom: 7px; } #mpcth_page_articles #comments #respond #commentform .comment-form-comment textarea { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 7px; margin: 0px; font-family: 'Helvetica', Arial, sans-serif; color: #515151; font-size: 14px; background: #F5F5F5; display: block; } #mpcth_page_articles #comments #respond #commentform .comment-form-url, #mpcth_page_articles #comments #respond #commentform .comment-form-email, #mpcth_page_articles #comments #respond #commentform .comment-form-author { position: relative; float: left; width: 32%; margin-bottom: 15px; } #mpcth_page_articles #comments #respond #commentform .comment-form-url input, #mpcth_page_articles #comments #respond #commentform .comment-form-email input, #mpcth_page_articles #comments #respond #commentform .comment-form-author input { position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 8px; margin: 0px; line-height: 1.5em; background: #f5f5f5; } #mpcth_page_articles #comments #respond #commentform .comment-form-email, #mpcth_page_articles #comments #respond #commentform .comment-form-author { margin-right: 2%; } #mpcth_page_articles #comments #respond #commentform .form-submit { margin-bottom: 0px; text-align: right; } #mpcth_page_articles #comments #respond #commentform .form-submit #submit { color: #222222; padding: 0px; margin: 0px; cursor: pointer; line-height: 2em; text-transform: uppercase; background: transparent; font-size: 12px; } #mpcth_page_articles #comments #respond #commentform label.error { display: inline; position: absolute; left: 0px; bottom: -17px; font-size: 12px; font-style: italic; color: #222222; white-space: nowrap; } #mpcth_page_articles #comments #respond #commentform textarea.error, #mpcth_page_articles #comments #respond #commentform input.error { background: #222222; color: white; } #mpcth_page_articles #comments #respond #commentform .comment-notes, #mpcth_page_articles #comments #respond #commentform .logged-in-as, #mpcth_page_articles #comments #respond #commentform .form-allowed-tags { display: none; visibility: hidden; } /* Filterable Categories CSS */ #mpcth_page_wrap .mpcth-filterable-categories { display: inline-block; overflow: hidden; text-align: center; width: 300px; position: fixed; left: 0px; bottom: 10px; z-index: 110; } #mpcth_page_wrap .mpcth-filterable-categories ul { list-style: none; margin: 0px; text-align: center; } #mpcth_page_wrap .mpcth-filterable-categories ul li { margin-right: 10px; margin-bottom: 10px; padding: 2px 10px; background: #F5F5F5; display: inline-block; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_page_wrap .mpcth-filterable-categories ul li a { color: #222222; line-height: 1.5em; } #mpcth_page_wrap .mpcth-filterable-categories ul li a:hover { color: #FFFFFF; } #mpcth_page_wrap .mpcth-filterable-categories ul li.active, #mpcth_page_wrap .mpcth-filterable-categories ul li:hover { background: #222222; color: #ffffff; } #mpcth_page_wrap .mpcth-filterable-categories ul li.active a, #mpcth_page_wrap .mpcth-filterable-categories ul li:hover a { color: #FFFFFF; } .mpcth-layout-fixed #mpcth_page_content .mpcth-filterable-categories { margin-right: 0px; margin-left: 0px; } #load_more_container { display: none; } /* fix video controls issue */ .mejs-controls button:hover, .mejs-controls button:focus { outline: none!important; } .fb-like iframe { max-width: none!important; } .mpcth-corner-tl, .mpcth-corner-tr, .mpcth-corner-bl, .mpcth-corner-br { position: absolute; width: 6px; height: 6px; z-index: 100; } .mpcth-corner-tl { top: -1px; left: -1px; border-top: 1px solid #222222; border-left: 1px solid #222222; } .mpcth-corner-tr { top: -1px; right: -1px; border-top: 1px solid #222222; border-right: 1px solid #222222; } .mpcth-corner-bl { bottom: -1px; left: -1px; border-bottom: 1px solid #222222; border-left: 1px solid #222222; } .mpcth-corner-br { bottom: -1px; right: -1px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } /* ---------------------------------------------------------------- */ /* 7. Portfolio /* ---------------------------------------------------------------- */ .page-template-portfolio-template-php #mpcth_page_articles { margin-top: 0px!important; margin-bottom: 0px!important; padding: 0px; } .page-template-portfolio-template-php #mpcth_lm { position: relative; bottom: 0px; right: 0px; left: 0px; margin: 0px; margin-left: 300px; background: #222222; color: #FFFFFF; border: none; } .page-template-portfolio-template-php #mpcth_lm a { color: #FFFFFF; font-weight: normal; } .page-template-portfolio-template-php #mpcth_lm a:hover { color: #666666; } .page-template-portfolio-template-php #mpcth_lm .mpcth-corner-tl, .page-template-portfolio-template-php #mpcth_lm .mpcth-corner-tr, .page-template-portfolio-template-php #mpcth_lm .mpcth-corner-bl, .page-template-portfolio-template-php #mpcth_lm .mpcth-corner-br { display: none; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio { border: none; margin: 0px; overflow: hidden; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .zilla-likes { width: 100%; text-align: center; display: block; top: 5px; left: 0px; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .zilla-likes .zilla-likes-count { opacity: 0; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .zilla-likes:before { left: 4px; color: white!important; content: '\2661'; font-size: 22px!important; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .zilla-likes.active:before { content: '\2665'; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio:hover .mpcth-post-content { opacity: 1; visibility: visible; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-thumbnail { overflow: visible; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-thumbnail img { width: 100%; height: auto; display: block; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio.square .mpcth-portfolio-top-post-divider { height: 45%; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio.mpcth-post-size-1-2 .mpcth-portfolio-top-post-divider { height: 42%; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-portfolio-top-post-divider { height: 35%; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content { padding: 0px; border-radius: 0px; border: none; display: block; position: absolute; opacity: 0; visibility: hidden; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; background: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content header h3 a { color: white; font-size: 20px; display: block; width: 100%; text-align: center; margin-bottom: 0px; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content header h3 a:hover { color: #666666; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content header .mpcth-post-title { margin: 0px; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content .mpcth-folio-cat { display: block; width: 100%; text-align: center; color: white; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content .mpcth-folio-cat > a { color: white; text-transform: capitalize; font-size: 12px; margin: 0px 4px; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content .mpcth-folio-cat > a:hover { color: #666666; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content .mpcth-fancybox { width: 100%; height: 25px; opacity: 1; top: 10px; right: 10px; text-align: right; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio .mpcth-post-content .mpcth-fancybox:hover { color: #666666; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio.blog-post .mpcth-post-content { opacity: 1; width: auto; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio.blog-post .mpcth-post-content p { margin: 1.5em 0px; } .page-template-portfolio-template-php #mpcth_page_articles article.portfolio.format-audio .mpcth-post-thumbnail { height: auto; } #mpcth_page_articles article.gallery.format-video .mpcth-post-thumbnail { margin-bottom: 25px; } #mpcth_page_articles article.gallery.format-video .mpcth-post-thumbnail .mejs-controls { z-index: 2; } #mpcth_page_articles article.gallery.format-audio .mpcth-post-thumbnail .mpcth-post-audio-note { display: block; padding: 0.5em; text-align: center; color: #FFFFFF; background: #E1E6EB; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_page_articles article.gallery.format-audio .mpcth-post-thumbnail .mpcth-post-audio-note .mpcth-post-audio-icon { font-size: 2em; } #mpcth_page_articles article.gallery.format-audio .mpcth-post-thumbnail .mpcth-post-audio-note .mpcth-post-audio-icon:before { margin-right: 0px; } #mpcth_page_articles article.gallery.format-audio .mpcth-post-thumbnail .mejs-container.mejs-audio .mejs-controls { z-index: 2; } #mpcth_page_articles article.gallery .mpcth-gallery-read-more { z-index: 1; display: block; position: absolute; bottom: -3em; left: 0px; width: 100%; background: red; background: #E1E6EB; height: 3em; line-height: 3em; text-align: center; text-transform: uppercase; font-weight: 400; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_page_articles article.gallery:hover .mpcth-gallery-read-more { bottom: 0px; } #mpcth_page_articles article.gallery:hover.format-video .mpcth-gallery-read-more { bottom: 30px; border-radius: 0px; } #mpcth_page_articles article.gallery:hover.format-audio .mpcth-gallery-read-more { bottom: 30px; } #mpcth_page_articles article.page .mpcth-post-content p { margin: 0px; } /* ---------------------------------------------------------------- */ /* 8. Sidebar /* ---------------------------------------------------------------- */ #mpcth_sidebar { position: relative; width: 300px; margin-top: 15px; left: -18px; visibility: hidden; } #mpcth_sidebar ul, #mpcth_sidebar ol { list-style: none; margin: 0px; } #mpcth_sidebar > ul ul ul { margin-left: 20px; } #mpcth_sidebar > ul > li { margin-bottom: 10px; line-height: 1.5em; padding: 20px; border: 1px solid #f5f5f5; position: relative; } #mpcth_sidebar > ul > li h5 { margin-bottom: 15px; } #mpcth_sidebar > ul > li .widget_title { text-transform: uppercase; font-size: 16px; margin-bottom: 8px; } #mpcth_sidebar > ul > li.widget_search #searchsubmit { background: #5DB7DC; color: white; padding: 4px 8px; visibility: hidden; display: none; } #mpcth_sidebar > ul > li.widget_search .mpcth-search { border: 1px solid #EEEEEE; padding: 4px 5px; width: 100%; color: #616161; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_sidebar .widget { max-width: 280px; } #mpcth_sidebar .widget img, #mpcth_sidebar .widget select { max-width: 280px; height: auto; } #mpcth_sidebar .widget.widget_rss > ul > li { margin-bottom: 15px; } /* ---------------------------------------------------------------- */ /* 9. Footer + Top Widget Area /* ---------------------------------------------------------------- */ #mpcth_footer { clear: both; width: 100%; position: absolute; bottom: 0px; left: 0px; } #mpcth_footer .mpcth-footer-copyright { line-height: 2em; margin-left: 10px; float: left; } #mpcth_top_widget_area_content, #mpcth_footer_content { max-width: 960px; margin: 0 auto; } #mpcth_top_widget_area_content > ul, #mpcth_footer_content > ul { list-style: none; } #mpcth_top_widget_area_content > ul > li, #mpcth_footer_content > ul > li { float: left; line-height: 1.3em; } #mpcth_top_widget_area_content > ul > li.widget_1, #mpcth_footer_content > ul > li.widget_1 { width: 100%; margin-right: 0%; } #mpcth_top_widget_area_content > ul > li.widget_2, #mpcth_footer_content > ul > li.widget_2 { width: 47.5%; margin-right: 5%; } #mpcth_top_widget_area_content > ul > li.widget_3, #mpcth_footer_content > ul > li.widget_3 { width: 30%; margin-right: 5%; } #mpcth_top_widget_area_content > ul > li.widget_4, #mpcth_footer_content > ul > li.widget_4 { width: 21.25%; margin-right: 5%; } #mpcth_top_widget_area_content > ul > li.widget_5, #mpcth_footer_content > ul > li.widget_5 { width: 16%; margin-right: 5%; } #mpcth_top_widget_area_content > ul > li.last-item, #mpcth_footer_content > ul > li.last-item { margin-right: 0px; } #mpcth_top_widget_area_content ul, #mpcth_footer_content ul, #mpcth_top_widget_area_content ol, #mpcth_footer_content ol { list-style: none; margin: 0px; } #mpcth_top_widget_area_content > ul ul ul, #mpcth_footer_content > ul ul ul { margin-left: 20px; } #mpcth_top_widget_area_content img, #mpcth_footer_content img { max-width: 100%; height: auto; } #mpcth_top_widget_area_content select, #mpcth_footer_content select { max-width: 100%; } .mpcth-layout-fixed #mpcth_footer_content { width: 960px; } #mpcth_bottom_footer { clear: both; } #mpcth_top_widget_area { position: fixed; z-index: 2000; top: 0px; left: 0px; width: 100%; } #mpcth_top_widget_area:hover #mpcth_top_widget_area_content.mpcth-top-widget-hidden { padding-bottom: 20px; } #mpcth_top_widget_area #mpcth_top_widget_area_content { -webkit-transition: padding 0.25s; -moz-transition: padding 0.25s; -ms-transition: padding 0.25s; -o-transition: padding 0.25s; transition: padding 0.25s; } #mpcth_top_widget_area #mpcth_top_widget_area_content > ul { display: none; } #mpcth_top_widget_area #mpcth_top_widget_area_content .widget { text-align: left; margin-top: 30px; margin-bottom: 30px; } #mpcth_top_widget_area #mpcth_top_widget_area_content .widget .widget_title { text-align: center; } #mpcth_top_widget_area #mpcth_top_widget_area_handle { position: absolute; bottom: -35px; right: 0px; cursor: pointer; height: 55px; width: 35px; color: white; } #mpcth_top_widget_area #mpcth_top_widget_area_handle:before { position: absolute; top: 18px; right: 2px; z-index: 2; font-size: 2em; text-align: right; margin-right: 0px; line-height: 1em; } #mpcth_top_widget_area #mpcth_top_widget_area_handle:after { z-index: 1; content: ''; position: absolute; top: 20px; right: 0px; width: 0px; height: 0px; border: 1.5em solid #ff33ff; border-bottom-color: transparent !important; border-left-color: transparent !important; } /* ---------------------------------------------------------------- */ /* 10. Social Icons /* ---------------------------------------------------------------- */ .mpcth-social-icons { font-size: 16px; overflow: hidden; position: relative; float: right; line-height: 1.5em; margin: 0px; margin-bottom: 15px; width: 100%; } .mpcth-social-icons li { height: 2em; width: 2em; display: inline-block; overflow: hidden; margin-bottom: -3px; text-align: center; margin-right: 0px; } .mpcth-social-icons li a { cursor: pointer; display: inline-block; } .mpcth-social-icons li a .mpcth-social-bg { width: 2em; height: 2em; display: block; text-align: center; position: relative; top: 0em; background: white; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .mpcth-social-icons li a .mpcth-social-bg span { font-size: 1em; position: absolute; bottom: 0.16em; left: 0.5em; color: #222222; } .mpcth-social-icons li a .mpcth-social-bg-over { width: 2em; height: 2em; display: block; text-align: center; position: relative; top: 0em; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .mpcth-social-icons li a .mpcth-social-bg-over span { font-size: 1em; position: absolute; bottom: 0.16em; left: 0.5em; color: #ffffff; } .mpcth-social-icons li a .mpcth-social-bg-circle { border-radius: 2em; } .mpcth-social-icons li a .mpcth-social-bg-none { background: transparent; } .mpcth-social-icons li a:hover .mpcth-social-bg, .mpcth-social-icons li a:hover .mpcth-social-bg-over { top: -2em; } .mpcth-social-icons .mpcth-social-dribbble .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-dribbble .mpcth-social-bg-over.mpcth-social-bg-circle { background: #EA4C89; } .mpcth-social-icons .mpcth-social-facebook .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-facebook .mpcth-social-bg-over.mpcth-social-bg-circle { background: #3B5998; } .mpcth-social-icons .mpcth-social-flickr .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-flickr .mpcth-social-bg-over.mpcth-social-bg-circle { background: #FF0084; } .mpcth-social-icons .mpcth-social-lastfm .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-lastfm .mpcth-social-bg-over.mpcth-social-bg-circle { background: #C3000D; } .mpcth-social-icons .mpcth-social-linkedin .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-linkedin .mpcth-social-bg-over.mpcth-social-bg-circle { background: #0E76A8; } .mpcth-social-icons .mpcth-social-rss .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-rss .mpcth-social-bg-over.mpcth-social-bg-circle { background: #EE802F; } .mpcth-social-icons .mpcth-social-stumbleupon .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-stumbleupon .mpcth-social-bg-over.mpcth-social-bg-circle { background: #F74425; } .mpcth-social-icons .mpcth-social-tumblr .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-tumblr .mpcth-social-bg-over.mpcth-social-bg-circle { background: #34526F; } .mpcth-social-icons .mpcth-social-twitter .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-twitter .mpcth-social-bg-over.mpcth-social-bg-circle { background: #00A0D1; } .mpcth-social-icons .mpcth-social-gplus .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-gplus .mpcth-social-bg-over.mpcth-social-bg-circle { background: #DB4A39; } .mpcth-social-icons .mpcth-social-mail .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-mail .mpcth-social-bg-over.mpcth-social-bg-circle { background: #5B9A68; } .mpcth-social-icons .mpcth-social-pinterest .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-pinterest .mpcth-social-bg-over.mpcth-social-bg-circle { background: #C8232C; } .mpcth-social-icons .mpcth-social-vimeo .mpcth-social-bg-over.mpcth-social-bg-square, .mpcth-social-icons .mpcth-social-vimeo .mpcth-social-bg-over.mpcth-social-bg-circle { background: #86C9EF; } /* ---------------------------------------------------------------- */ /* 11. Widgets /* ---------------------------------------------------------------- */ /* Flickr */ #mpcth_sidebar .widget_quick-flickr-widget { font-size: 0px; padding-right: 17px; padding-bottom: 17px; } #mpcth_sidebar .widget_quick-flickr-widget h5 { margin-bottom: 11px!important; } #mpcth_sidebar .widget_quick-flickr-widget .quick-flickr-item { border-radius: 0px; display: inline-block; width: 82px; height: 82px; margin: 0px 5px 5px 0px; } #mpcth_sidebar .widget_quick-flickr-widget .quick-flickr-item img { width: 100%; height: 100%; border-radius: 5px; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } #mpcth_sidebar .widget_quick-flickr-widget .quick-flickr-item img:hover { opacity: 0.7; filter: alpha(opacity=70); } /* Twitter */ .mpcth-twitter-widget .twtr-widget { font-family: inherit !important; } .mpcth-twitter-widget .twtr-widget .twtr-tweet-wrap { padding: 0px; } .mpcth-twitter-widget .twtr-hd, .mpcth-twitter-widget .twtr-ft { display: none; } .mpcth-twitter-widget .twtr-widget .twtr-tweet { position: relative; border: none; padding-left: 30px; margin-bottom: 17px; } .mpcth-twitter-widget .twtr-widget .twtr-tweet:last-child { margin-bottom: 0px; } .mpcth-twitter-widget .twtr-widget .twtr-tweet:before { content: '\f309'; position: absolute; font-size: 18px; left: 0px; top: 5px; color: #C0BFBF; } .mpcth-twitter-widget .twtr-widget .twtr-tweet .twtr-user { display: block; margin-bottom: 2px; font-size: 14px; text-transform: capitalize; color: #222222!important; margin-top: 3px; font-weight: bold; } .mpcth-twitter-widget .twtr-widget .twtr-tweet .twtr-tweet-text a { text-decoration: none !important; } .mpcth-twitter-widget .twtr-widget .twtr-tweet .twtr-tweet-text em { color: transparent; text-align: right; margin-right: -17px; font-style: italic; } .mpcth-twitter-widget .twtr-widget .twtr-tweet .twtr-tweet-text em a { display: none; } .mpcth-twitter-widget .twtr-widget .twtr-tweet .twtr-tweet-text em a.twtr-timestamp { display: inline-block; margin-top: 2px; } #mpcth_sidebar .mpcth-twitter-widget .twtr-tweet-text a.twtr-user { color: #222222!important; } /* Recent Post */ .mpcth-recent-posts-widget .mpcth-recent-post { margin-bottom: 10px; } .mpcth-recent-posts-widget .mpcth-recent-post:last-child { margin-bottom: 0px; } .mpcth-recent-posts-widget .mpcth-recent-post .mpcth-recent-posts-title { font-weight: bold; text-transform: uppercase; } .mpcth-recent-posts-widget .mpcth-recent-post .mpcth-recent-posts-title, .mpcth-recent-posts-widget .mpcth-recent-post .mpcth-recent-posts-data { display: block; margin-left: 70px; } .mpcth-recent-posts-widget .mpcth-recent-post .mpcth-recent-posts-data { display: block; } .mpcth-recent-posts-widget .mpcth-recent-post .mpcth-recent-post-thumb { float: left; overflow: hidden; width: 60px; height: auto; max-height: 45px; } .mpcth-recent-posts-widget .mpcth-recent-post .attachment-post-thumbnail { max-width: 100% !important; } .mpcth-recent-posts-widget .mpcth-recent-post .attachment-post-thumbnail.mpcth-image-vertical { height: 100% !important; width: auto; max-height: 100%; } /* ---------------------------------------------------------------- */ /* 12. Responsive Global /* ---------------------------------------------------------------- */ .mpcth-hidden { display: none; visibility: hidden; } .mpcth-visible-phone { display: none !important; } .mpcth-visible-tablet { display: none !important; } .mpcth-hidden-desktop { display: none !important; } .mpcth-visible-desktop { display: inherit !important; } /* Large desktop */ @media (min-width: 1200px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 959px) { .mpcth-hidden-desktop { display: inherit !important; } .mpcth-visible-desktop { display: none !important ; } .mpcth-visible-tablet { display: inherit !important; } .mpcth-hidden-tablet { display: none !important; } #mpcth_page_wrap #mpcth-archive-header-info, #mpcth_page_wrap #mpcth-search-header-info { margin: 18px 16px 0px 16px; } #mpcth_page_wrap .mpcth-sidebar-right #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-right #mpcth-search-header-info { margin: 18px 336px 0px 16px; } #mpcth_page_wrap .mpcth-sidebar-left #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-left #mpcth-search-header-info { margin: 18px 16px 0px 336px; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_sidebar { left: 16px; } #mpcth_page_wrap.mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_articles { margin-left: 316px !important; } .mpcth-layout-fluid #mpcth_page_container #mpcth_page_content { min-width: auto; width: 100% !important; } #mpcth_page_wrap.mpcth-layout-fluid #mpcth_page_container #mpcth_page_content { margin-left: 0px !important; } #mpcth_page_header_wrap { padding: 20px 0px 5px 0px; } #mpcth_logo small { display: block !important; bottom: 0px !important; } #mpcth_top_widget_area_content { padding: 0px 17px !important; } #mpcth_top_widget_area { margin-top: -20px !important; } .mpcth-filterable-categories { display: none !important; } #mpcth_content_toggler { left: 20px !important; } #mpcth_lm { margin-left: 0px !important; } .page-template-blog-template-php #mpcth_lm { margin-left: 17px !important; } #mpcth_background_container { margin-left: 0px !important; } #mpcth_page_articles { margin-left: 0px !important; } .single-post #mpcth_page_articles { margin-left: 17px !important; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_content .mpcth-filterable-categories { margin-left: 10px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_header_content #mpcth_logo { float: none; width: 100%; text-align: center; display: block; margin: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles #comments .commentlist ol.children > li { margin-left: 20px; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_header_content { width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container { width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_page_content { float: none; width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar { left: 0px; float: none; width: 100%; padding: 0px; margin-left: 0px; margin-right: 0px; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget { float: none; width: 96%; max-width: 100%; clear: both; overflow: hidden; margin: 0px 2% 5% 2%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget > ul { position: relative; overflow: hidden; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget li { float: left; margin-right: 10px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .mpcth-hidden-desktop { display: inherit !important; } .mpcth-visible-desktop { display: none !important; } .mpcth-visible-phone { display: inherit !important; } .mpcth-hidden-phone { display: none !important; } #mpcth_page_wrap #mpcth-archive-header-info, #mpcth_page_wrap #mpcth-search-header-info { margin: 18px 0px 0px 0px; } #mpcth_page_wrap .mpcth-sidebar-right #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-right #mpcth-search-header-info { margin: 18px 0px 0px 0px; } #mpcth_page_wrap .mpcth-sidebar-left #mpcth-archive-header-info, #mpcth_page_wrap .mpcth-sidebar-left #mpcth-search-header-info { margin: 18px 0px 0px 0px; } .mpcth-layout-fluid #mpcth_page_container #mpcth_page_content { min-width: auto; width: 100% !important; } #mpcth_page_header_wrap { padding: 20px 0px 5px 0px; } #mpcth_logo small { display: block !important; bottom: 0px !important; } #mpcth_top_widget_area { display: none !important; } #mpcth_top_widget_area { margin-top: -20px !important; } #mpcth_page_wrap.mpcth-layout-fluid #mpcth_page_container #mpcth_page_content { margin-left: 0px !important; } .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-left #mpcth_page_content #mpcth_page_articles, .mpcth-layout-fluid #mpcth_page_container.mpcth-sidebar-right #mpcth_page_content #mpcth_page_articles { margin-right: 0px; margin-left: 0px; } .mpcth-filterable-categories { display: none !important; } #mpcth_content_toggler { left: 20px !important; } #mpcth_lm { margin-left: 0px !important; } .page-template-blog-template-php #mpcth_lm { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 10px; } #mpcth_background_container { margin-left: 0px !important; } #mpcth_page_articles { float: none !important; margin-left: 0px !important; margin-bottom: 10px !important; padding: 0px !important; } #mpcth_page_articles article { margin: 0px !important; } #mpcth_sidebar { margin: 0px !important; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_widget_area > ul > li.widget, #mpcth_page_wrap.mpcth-reponsive #mpcth_footer_content > ul > li.widget { float: none; width: 96%; clear: both; overflow: hidden; margin: 0px 2% 5% 2%; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_widget_area > ul > li.widget > ul, #mpcth_page_wrap.mpcth-reponsive #mpcth_footer_content > ul > li.widget > ul { position: relative; overflow: hidden; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_widget_area > ul > li.widget li, #mpcth_page_wrap.mpcth-reponsive #mpcth_footer_content > ul > li.widget li { float: left; margin-right: 10px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_bottom_footer .mpcth-footer-copyright { float: none; width: 100%; text-align: center; display: inline-block; margin: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_bottom_footer .mpcth-social-icons { float: none; text-align: center; margin: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_bottom_footer .mpcth-social-icons li { float: none; margin: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles #comments #respond #commentform > p { margin-right: 0px; float: none; width: 100%; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles #comments .commentlist ol.children > li { margin-left: 20px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_header_content #mpcth_logo { float: none; width: 100%; text-align: center; display: block; margin: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles.mpcth-standard .mpcth-post-thumbnail { float: none; margin-right: 0px; width: 100%; margin-bottom: 15px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles { width: 100%; float: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_content .mpcth-filterable-categories { margin-left: 28px !important; margin-right: 28px !important; } #mpcth_page_wrap.mpcth-reponsive #mpcth_sidebar > ul > li.widget_search .mpcth-search { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_container #mpcth_page_content { float: none; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_container #mpcth_sidebar { left: 0px; float: none; width: 100%; margin-left: 0px; margin-right: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_container #mpcth_sidebar > ul > li.widget { float: none; width: auto; max-width: 100%; clear: both; overflow: hidden; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_container #mpcth_sidebar > ul > li.widget > ul { position: relative; overflow: hidden; } #mpcth_page_wrap.mpcth-reponsive #mpcth_page_container #mpcth_sidebar > ul > li.widget li { float: left; margin-right: 10px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_ribbon { text-align: center; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_ribbon .mpcth-social-icons { float: none; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_ribbon .mpcth-social-icons li { float: none; } #mpcth_page_wrap.mpcth-reponsive #mpcth_top_ribbon #searchform { float: none; } #mpcth_page_wrap.mpcth-reponsive #mpcth_contact_form .form-allowed-tags, #mpcth_page_wrap.mpcth-reponsive #commentform .form-allowed-tags, #mpcth_page_wrap.mpcth-reponsive #mpcth_contact_form label.error, #mpcth_page_wrap.mpcth-reponsive #commentform label.error, #mpcth_page_wrap.mpcth-reponsive #comments header.vcard, #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles #comments #respond #commentform .form-allowed-tags, #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles #comments #respond #commentform .comment-notes, #mpcth_page_wrap.mpcth-reponsive small, #mpcth_page_wrap.mpcth-reponsive meta, #mpcth_page_wrap.mpcth-reponsive #mpcth_sidebar > ul > li.widget_search .mpcth-search, #mpcth_page_wrap.mpcth-reponsive #mpcth_sidebar ul li a { font-size: 14px; } #mpcth_page_wrap.mpcth-reponsive h6 { font-size: 20px; } #mpcth_page_wrap.mpcth-reponsive h5 { font-size: 22px; } #mpcth_page_wrap.mpcth-reponsive h4 { font-size: 24px; } #mpcth_page_wrap.mpcth-reponsive h3 { font-size: 26px; } #mpcth_page_wrap.mpcth-reponsive h2 { font-size: 28px; } #mpcth_page_wrap.mpcth-reponsive h1 { font-size: 30px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_contact_form input, #mpcth_page_wrap.mpcth-reponsive #comments #respond #commentform input, #mpcth_page_wrap.mpcth-reponsive #mpcth_contact_form textarea, #mpcth_page_wrap.mpcth-reponsive #comments #respond #commentform .comment-form-comment textarea, #mpcth_page_wrap.mpcth-reponsive p { font-size: 16px; } body.page #comments{ display: none !important; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_header_content { width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container { width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_page_content { float: none; width: 100%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar { left: 0px; float: none; width: 100%; padding: 0px; margin-left: 0px; margin-right: 0px; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget { float: none; width: 96%; max-width: 100%; clear: both; overflow: hidden; margin: 0px 2% 5% 2%; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget > ul { position: relative; overflow: hidden; } #mpcth_page_wrap.mpcth-reponsive.mpcth-layout-fixed #mpcth_page_container #mpcth_sidebar > ul > li.widget li { float: left; margin-right: 10px; } } /* Landscape phones and down */ @media (max-width: 480px) { #mpcth_page_wrap.mpcth-reponsive #mpcth_page_articles { margin-right: 0px; } #mpcth_page_wrap.mpcth-reponsive #comments ol, #mpcth_page_wrap.mpcth-reponsive #comments ul { margin-left: 0px; } #mpcth_page_wrap.mpcth-reponsive #mpcth_contact_form > p { margin-right: 0px; float: none; width: 100%; } #mpcth_bottom_footer .mpcth-footer-copyright { margin: 0px; } #mpcth_bottom_footer .mpcth-social-icons { margin: 0px; } #mpcth_bottom_footer .mpcth-social-icons li { float: none; } #mpcth_page_wrap #mpcth_page_header_content #mpcth_logo small { display: block; top: 0px; padding: 0.5em 0px; margin: 0px 28px; } #mpcth_lm { padding: 0px 28px; } #mpcth_lm .mpcth-lm-button { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 0px; } } /* ---------------------------------------------------------------- */ /* 14. Theme Styles /* ---------------------------------------------------------------- */ /* Default Styles */ #mpcth_page_container { position: relative; overflow: hidden; margin-bottom: 28px; } /* Header */ #mpcth_page_header_content #mpcth_nav { margin: 28px 28px 0px 0px; } /* Load More */ #mpcth_lm_container { display: none; } #mpcth_lm { background: white; position: relative; margin: 0px 0px 20px 0px; text-align: center; font-weight: 400; border: 1px solid #f5f5f5; margin-left: 317px; margin-right: 15px; } #mpcth_lm .mpcth-lm-button { display: inline-block; cursor: pointer; padding: 0px 4em; line-height: 3em; text-transform: uppercase; background: transparent; color: #222222; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_lm .mpcth-lm-button:hover { color: #444444; } #mpcth_lm .mpcth-lm-info { display: inline-block; } #mpcth_lm #mpcth_lm_spin { position: relative; display: inline-block; left: -25px; top: -5px; } /* Fancybox button */ #mpcth_page_wrap a.mpcth-fancybox { width: 100%; height: 100%; position: absolute; font-size: 24px; font-weight: 400; color: white; left: 0px; top: 0px; text-transform: uppercase; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } #mpcth_page_wrap a.mpcth-fancybox .mpcth-fancybox-info { position: absolute; left: 0px; top: 50%; width: 100%; margin-top: -0.5em; color: white; } #mpcth_page_wrap a.mpcth-fancybox .mpcth-fancybox-background { display: block; width: 100%; height: 100%; background: #000000; opacity: 0.8; filter: alpha(opacity=80); border-radius: 0px; } #mpcth_page_wrap a.mpcth-fancybox:hover { opacity: 1; filter: alpha(opacity=100); } #mpcth_page_wrap .gallery a.mpcth-fancybox .mpcth-fancybox-background { border-radius: 0px; } /* Player */ #mpcth_page_wrap .mejs-container.mejs-video .mejs-controls { width: auto; left: 0px; right: 0px; bottom: -24px; visibility: visible !important; display: block !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #mpcth_page_wrap .mejs-container .mejs-mediaelement { overflow: hidden; } #mpcth_page_wrap .mejs-container .mejs-mediaelement > * { top: -3px; position: relative; } /* Tweeter */ #mpcth_page_articles.mpcth-masonry iframe.twitter-tweet { margin-bottom: 20px!important; } /* Flex Slider */ #mpcth_page_wrap .nivoSlider, #mpcth_page_wrap .flexslider { background: transparent; overflow: hidden; } #mpcth_page_wrap .nivoSlider .nivo-directionNav, #mpcth_page_wrap .flexslider .nivo-directionNav, #mpcth_page_wrap .nivoSlider .flex-direction-nav, #mpcth_page_wrap .flexslider .flex-direction-nav { position: relative; bottom: 30px; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a, #mpcth_page_wrap .flexslider .nivo-directionNav a, #mpcth_page_wrap .nivoSlider .flex-direction-nav a, #mpcth_page_wrap .flexslider .flex-direction-nav a { background: #222222; border-radius: 0px; width: 40px; height: 40px; color: #ffffff; margin-top: -20px; top: 50%; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a span, #mpcth_page_wrap .flexslider .nivo-directionNav a span, #mpcth_page_wrap .nivoSlider .flex-direction-nav a span, #mpcth_page_wrap .flexslider .flex-direction-nav a span { display: block; width: 38px; height: 38px; position: absolute; top: 2px; left: 2px; background: url('/wp-content/themes/example/mpc-wp-boilerplate/images/ui/flexslider/next.png') no-repeat; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a.nivo-nextNav, #mpcth_page_wrap .flexslider .nivo-directionNav a.nivo-nextNav, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.nivo-nextNav, #mpcth_page_wrap .flexslider .flex-direction-nav a.nivo-nextNav, #mpcth_page_wrap .nivoSlider .nivo-directionNav a.flex-next, #mpcth_page_wrap .flexslider .nivo-directionNav a.flex-next, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.flex-next, #mpcth_page_wrap .flexslider .flex-direction-nav a.flex-next { margin-right: 10px; left: 55px; bottom: 0px; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a.nivo-nextNav:before, #mpcth_page_wrap .flexslider .nivo-directionNav a.nivo-nextNav:before, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.nivo-nextNav:before, #mpcth_page_wrap .flexslider .flex-direction-nav a.nivo-nextNav:before, #mpcth_page_wrap .nivoSlider .nivo-directionNav a.flex-next:before, #mpcth_page_wrap .flexslider .nivo-directionNav a.flex-next:before, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.flex-next:before, #mpcth_page_wrap .flexslider .flex-direction-nav a.flex-next:before { text-indent: 9999px; line-height: 40px; font-size: 20px; margin-left: 16px; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a.nivo-prevNav, #mpcth_page_wrap .flexslider .nivo-directionNav a.nivo-prevNav, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.nivo-prevNav, #mpcth_page_wrap .flexslider .flex-direction-nav a.nivo-prevNav, #mpcth_page_wrap .nivoSlider .nivo-directionNav a.flex-prev, #mpcth_page_wrap .flexslider .nivo-directionNav a.flex-prev, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.flex-prev, #mpcth_page_wrap .flexslider .flex-direction-nav a.flex-prev { margin-left: 10px; left: 0px; bottom: 0px; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a.nivo-prevNav:before, #mpcth_page_wrap .flexslider .nivo-directionNav a.nivo-prevNav:before, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.nivo-prevNav:before, #mpcth_page_wrap .flexslider .flex-direction-nav a.nivo-prevNav:before, #mpcth_page_wrap .nivoSlider .nivo-directionNav a.flex-prev:before, #mpcth_page_wrap .flexslider .nivo-directionNav a.flex-prev:before, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.flex-prev:before, #mpcth_page_wrap .flexslider .flex-direction-nav a.flex-prev:before { text-indent: 9999px; line-height: 40px; font-size: 20px; margin-left: 14px; } #mpcth_page_wrap .nivoSlider .nivo-directionNav a.nivo-prevNav span, #mpcth_page_wrap .flexslider .nivo-directionNav a.nivo-prevNav span, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.nivo-prevNav span, #mpcth_page_wrap .flexslider .flex-direction-nav a.nivo-prevNav span, #mpcth_page_wrap .nivoSlider .nivo-directionNav a.flex-prev span, #mpcth_page_wrap .flexslider .nivo-directionNav a.flex-prev span, #mpcth_page_wrap .nivoSlider .flex-direction-nav a.flex-prev span, #mpcth_page_wrap .flexslider .flex-direction-nav a.flex-prev span { right: 4px; left: 0px; background: url('/wp-content/themes/example/mpc-wp-boilerplate/images/ui/flexslider/prev.png') no-repeat; } #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a { opacity: 0.7; filter: alpha(opacity=70); } #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.nivo-nextNav, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.nivo-nextNav, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.nivo-nextNav, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.nivo-nextNav, #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.flex-next, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.flex-next, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.flex-next, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.flex-next { margin-right: 10px; right: 0px; } #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.nivo-prevNav, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.nivo-prevNav, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.nivo-prevNav, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.nivo-prevNav, #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.flex-prev, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.flex-prev, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.flex-prev, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.flex-prev { margin-left: 10px; left: 0px; } #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.nivo-nextNav:hover, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.nivo-nextNav:hover, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.nivo-nextNav:hover, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.nivo-nextNav:hover, #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.nivo-prevNav:hover, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.nivo-prevNav:hover, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.nivo-prevNav:hover, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.nivo-prevNav:hover, #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.flex-next:hover, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.flex-next:hover, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.flex-next:hover, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.flex-next:hover, #mpcth_page_wrap .nivoSlider:hover .nivo-directionNav a.flex-prev:hover, #mpcth_page_wrap .flexslider:hover .nivo-directionNav a.flex-prev:hover, #mpcth_page_wrap .nivoSlider:hover .flex-direction-nav a.flex-prev:hover, #mpcth_page_wrap .flexslider:hover .flex-direction-nav a.flex-prev:hover { opacity: 0.9; filter: alpha(opacity=90); } #mpcth_page_wrap .nivo-controlNav a, #mpcth_page_wrap .flexslider .flex-control-paging li a { opacity: 0.7; filter: alpha(opacity=70); width: 8px; height: 8px; border-radius: 0px; background: #222222; text-indent: 9999px; box-shadow: none; margin: 0px; position: relative; } #mpcth_page_wrap .nivo-controlNav a.active, #mpcth_page_wrap .flexslider .flex-control-paging li a.active, #mpcth_page_wrap .nivo-controlNav a.flex-active, #mpcth_page_wrap .flexslider .flex-control-paging li a.flex-active { background: #f5f5f5; } #mpcth_page_wrap .nivo-controlNav a { margin: 2px; } #mpcth_page_wrap .nivo-controlNav a.active { top: -1px; } #mpcth_page_wrap .flexslider .flex-control-paging li { margin: 0px 0px 3px 3px; } #mpcth_page_wrap .flexslider .flex-control-nav { top: 5px; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; right: 5px; line-height: 1em; } /* 404 Page */ .mpcth-page-not-found { text-align: center; line-height: 1.5em; font-size: 200px; color: #ef4840; font-weight: 700; margin-bottom: 100px; } .mpcth-page-not-found .mpcth-page-not-found-error { display: inline-block; } .mpcth-page-not-found span.mpcth-page-not-found-zero { position: relative; font-style: italic; top: 0.45em; } .mpcth-page-not-found span.mpcth-page-not-found-zero span { line-height: 1.5em; position: absolute; bottom: 0.25em; right: -100%; font-size: 70px; } .mpcth-page-not-found .mpcth-page-not-found-message { position: relative; top: 2.5em; font-size: 20px; line-height: 1.5em; color: #37485F; text-align: right; } .menu-item a { font-weight: bold; } #mpcth_page_wrap #mpcth_logo small { padding: 15px 70px 20px; } div.ppt { display:none !important; }