/* Theme Name: Amplitude Theme URI: https://gracethemes.com/themes/free-full-width-wordpress-theme/ Author: Grace Themes Author URI: https://gracethemes.com/ Description: Amplitude is a clean, creative and truly stunning full width WordPress theme that is specially designed to create full screen websites. This theme is a reliable platform for building a visually stimulating and delightful websites across a wide range of businesses. It equally functional as a portfolio theme that helps to improve your full-screen business website. Demo Link: http://gracethemesdemo.com/amplitude/ Requires at least: 5.0 Tested up to: 6.0 Requires PHP: 5.6 Version: 2.1 License: GNU General Public License version 2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: amplitude Tags:blog,two-columns,right-sidebar,wide-blocks,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,footer-widgets,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready Amplitude WordPress Theme has been created by Grace Themes(gracethemes.com), 2019. Amplitude WordPress Theme is released under the terms of GNU GPL */ *{ margin:0; padding:0; outline:none;} *, *:before, *:after{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:24px; color:#dddddd; font-size:16px; font-family: 'Assistant', sans-serif;} body.custom-background{ background-attachment:fixed !important; background-size:cover!important; background-repeat:no-repeat!important; background-position:center top!important;} img{ border:none; margin:0; padding:0; height:auto; max-width:100%;} .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;} p{ margin:0; padding:0;} a{ text-decoration:none; color:#efc62c;} a:hover{ color:#fff;} .clear{ clear:both;} .left{ float:left;} .right{ float:right;} .alignnone{ width:100%;} img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;} img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto;} figcaption,figure{ display: block;} figure {margin: 1em 0;} blockquote{ background-color:rgba(255,255,255,0.5); border-left:5px solid #d20606; padding:15px 15px 15px 40px; color:#fff; line-height:1.5; margin-bottom:30px;} blockquote p{ margin-bottom:0 !important;} hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; height: 0; overflow: visible;} .textwidget select{ width:100%;} .tagcloud a{ font-size:12px !important; color:#fff; border:1px solid #fff; padding:5px 12px; margin:0 5px 5px 0; display:inline-block;} .tagcloud a:hover{ border:1px solid #fff;} table{ width:100%} /* Lists style CSS --------------------------------------------*/ ul,ol { margin:0; padding: 0;} ul {list-style: inside none disc;} ol {list-style: decimal;} ul li,ol li {margin-bottom: 0; margin-left: 1.5em;} ol,ul{ margin:0; padding:0;} ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;} dt {font-weight: 700;} dd {margin: 0 1.5em 1.5em;} audio:not([controls]) { display: none;height: 0;} img {border-style: none;} svg:not(:root) {overflow: hidden;} a { background-color: transparent; -webkit-text-decoration-skip: objects;} a:active, a:hover {outline-width: 0;} b, strong { font-weight: inherit;} pre {background: #ddd;font-size: 14px; font-size: 0.9375rem;line-height: 1.4;margin-bottom: 1.6em; max-width: 100%;overflow: auto; padding:20px;} iframe{max-width:100%;} nav.pagination{ clear:both;} #comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;} nav.pagination .page-numbers{ background-color:#fff; padding:10px 15px; font-size:15px; font-weight:600; color:#000;} nav.pagination .page-numbers.current, nav.pagination .page-numbers:hover{background-color:#d20606; color:#fff;} ol.comment-list li{ list-style:none; margin-bottom:5px;} .breadcrumbs{padding:10px 0; margin-bottom:0;} /*Heading tag*/ h1,h2,h3,h4,h5,h6{ font-family: 'Merriweather', serif; color:#fff; margin:0 0 20px; padding:0; font-weight:600; line-height:1.1; } h1{ font-size:35px;} h2{ font-size:28px;} h3{ font-size:24px;} h4{ font-size:20px;} h5{ font-size:18px;} h6{ font-size:14px;} h1.entry-title, h1.page-title { color:#d9d9d9; font-size:30px; border-left:2px solid #fff; font-weight:600; margin-bottom:35px; padding:8px 0 8px 25px; font-style:italic} /* Main site CSS -------------------------------------------------------------*/ #fullsite_wrapper{ position:relative; width:100%; margin:0 auto; } .container{ width:1170px; margin:0 auto; position:relative; z-index:9999;} /*Logo CSS*/ .logo h1{font-weight:400; margin:0px; font-style:italic; font-size:24px;} .logo h1 span{ color:#d20606; display:inline-block;} .logo a{color:#fff;} .logo { float: left; padding: 21px 0; width: 20%; position: relative; text-align: left; z-index:9999; } .logo h1 {margin: 0;} .logo a { color: #fff;} .logo::after { left: -99999px; position: absolute; width: 99999px; bottom: 0; content: ""; top: 0; } .logo, .logo::after { background-color:rgba(0,0,0, 0.2); } .logo p{ font-size:13px; color:#ddd; display:block; line-height:16px; } /* = social icons css -------------------------------------------------------------- */ .top_social_icons{ background-color:rgba(0,0,0,0.2); text-align:right; float:right; width:15%; padding:22px 10px 23px; position: relative; } .top_social_icons a{ width:20px; height:40px; line-height:40px; text-align:center; vertical-align:middle; display:inline-table; padding:0 8px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#d9d9d9; } .top_social_icons br{ display:none;} .top_social_icons a:hover{ color:#111; } /*header menu css*/ .toggle{display: block;} .toggle a{width:45px; height:45px; position:absolute; top:5px; right:0; color:#fff; background:url(images/mobilenav.png) no-repeat right center; padding:0; margin:0; font-size:16px; text-align:left; z-index:9999999; display:none; } .toggle a:hover{color:#d9d9d9 !important;} .header{width:100%; z-index:9999; background-color:#e4e4e4; box-sizing:border-box; position:absolute; } .sitenav{ padding:0; position:relative; z-index:9999; text-transform:uppercase; } .sitenav ul {margin:0; padding:0; font-family:'Assistant', sans-serif; font-size:14px; font-weight:400; } .sitenav ul li{display:inline-block; position:relative; margin:0; padding:0;} .sitenav ul li:last-child{border-right:none;} .sitenav ul li a{ color:#d9d9d9; padding:30px 15px; display:block; text-align:center; font-weight:600;} .sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px solid #555;} .sitenav ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;} .sitenav ul li ul{display:none; z-index:9999999; position:relative;} .sitenav ul li:hover > ul{ background-color:rgba(0,0,0,0.6); display:block; width:200px; position:absolute; left:0; text-align:left; } .sitenav ul li:hover ul li ul{display:none; position:relative;} .sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;} .sitenav ul li.current-menu-item ul.sub-menu li a{ color:#fff;} .Navcontainer{ position:relative; width:100%; height:100%;} .header_menupart{background-color:rgba(0,0,0,0.5); position:relative; z-index:99999; } .hdrrightpart{ float:left; width:65%; text-align:right;} .hdrrightpart.hdrrightpart_width{width:80%;} /*Slider */ .slider_section{ position:relative; margin:10px auto; border:8px solid #888;} .last_column{clear:right; margin-right:0 !important; } /* = sidebar -------------------------------------------------------------- */ #sidebar{ background-color:rgba(0,0,0,0.5); float:right; width:30%;} aside.widget{ padding:20px; margin-bottom:20px; } aside.widget ul{ list-style:disc; margin:0; padding:0; } h3.widget-title{ font-weight:600; margin:0 0 20px; color:#cbcbcb; font-size:20px; position:relative; font-style:italic; border-left:2px solid #fff; padding-left:20px; line-height:28px; } #sidebar ul li{ list-style:none; margin:0; margin-bottom:2px; padding:7px 0 7px 0; } #sidebar ul li a{ color:#cbcbcb; } #sidebar ul li a:hover{ color:#34c6f6;} #sidebar ul li:before{content:"\f054"; font-family:'Font Awesome 5 solid'; font-size:14px; padding-right:7px; margin-top:0; font-style:normal; font-weight:400; } #sidebar .search-form{ margin-bottom:20px;} #sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 13px 15px 13px 15px; border:1px solid #ddd; } #sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; float:right; border:0; padding:12px 0 12px 0;font-size:0;width:20%; height:43px; } /* = Page layout css -------------------------------------------------------------- */ #content_part_site{ background-color:rgba(0,0,0,0.5); width:67%; float:left; margin:0; padding:30px; } .pageinlayout{ margin:50px auto; position:relative;} #content_part_site ul, #content_part_site ol{ margin:0 0 20px 20px; } #content_part_site ul li, #content_part_site ol li{ margin:0; } #content_part_site ul ul, #content_part_site ol ol{ margin:0 0 0 30px; } .fullwidth{ width:100% !important; float:none !important;} .fullwidth p{ margin-bottom:15px;} .nosidebar{ float:none !important; margin: 0 auto;} /* static front page*/ .staticfrontpage{ background-color:transparent !important; float:none !important; text-align:center!important; width:50%!important; margin:0 auto!important; padding:50px 0!important;} .staticfrontpage h1.entry-title{ border:none; padding:0; margin-bottom:30px; font-size:40px; position:relative;font-style:italic; display:inline-block; line-height:35px;} .staticfrontpage h1.entry-title:after { content:""; position: absolute; top: 20px; left:-125px; border-top: 1px solid #fff; z-index: -1; width:100px; } .staticfrontpage h1.entry-title:before { content:""; position: absolute; top: 20px; right:-125px; border-top: 1px solid #fff; z-index: -1; width:100px; } /* = Blog posts layout css -------------------------------------------------------------- */ .blogpost_layout{ margin:0 0 40px 0; border-bottom:1px dotted #ddd; padding:0 0 40px 0;} .blogpost_layout .blogpost_imagebx{ margin:0 0 20px 0;} .blogpost_layout .blogpost_imagebx img{ height:auto;} .blogpost_layout h3, h3.single-title{ margin-bottom:10px; font-size:18px; font-weight:400;} .blogpost_layout h3 a{ color:#fff;} .blogpost_layout h3 a:hover{ color:#efc62c;} .blogpost_layout p{ margin-bottom:25px;} .blog-meta{ font-style:italic; margin-bottom:8px;} .blogpost_comment, .blogpost_cat, .blogpost_author, .edit-link{ display:inline; font-size:15px; margin:0 10px 0 0;} .single_title{ margin-bottom:5px;} body.single-post .blogpost_layout { width:100%; float:none; margin:0; } .blogpost_layout .blogpost_imagebx.singlepostimg{ float:none; width:auto; margin:0 0 20px 0;} .blogpost_meta{ margin-bottom:20px; color:#999; } .blogpost_meta i{ color:#999; } .blogpost_meta a{color:#999;} .blogpost_meta a:hover{color:#e74c3c;} .blogpost_date{ background-color:#777; color:#fff; font-size:18px; font-weight:600; float:left; padding:10px 5px; border-top:5px solid #d20606; width:100px; text-align:center;} .blogpost_layout .entry-summary, .blogpost_layout .entry-content{ padding-left:125px;} .blogpost_layout:last-child{ margin:0; padding:0; border:none;} /* Buttons */ .blogpostmorebtn{ background-color:#777; border-top:4px solid #d20606; color:#fff; padding:10px 30px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; font-weight:600; text-transform:uppercase; } .blogpostmorebtn:hover{ border-color:#fff; } /* = Footer css -------------------------------------------------------------- */ .footer-wrapper{ background-color:rgba(28,28,28,1); padding:0; position:relative; color:#cbcbcb;} .wp_powerd_by{ text-align:center;} .footer-wrapper h5{ font-weight:400; font-style:italic; margin:0 0 30px 0; font-size:24px; color:#cbcbcb; } .footer-wrapper .widget{ padding:40px 0 20px;} /*footer copyright*/ .footer_copywrapper{ background-color:rgba(20,21,21,1); color:#cbcbcb; padding:25px 0; position:fixed !important; bottom:0;left:0;right:0; z-index:99999 !important; width:100%;} .footer_copywrapper.innerpage-copywrapper{ position:relative !important;} .footer_copywrapper a:hover{ color:#fff;} .widget-column-1{ width:23%; float:left; margin:0 3% 0 0; } .widget-column-2{ width:22%; float:left; margin:0 3% 0 0; } .widget-column-3{ width:23%; float:left; margin:0 3% 0 0; } .widget-column-4{ width:23%; float:left; margin:0; } .footer-wrapper ul{ margin:0; padding:0; list-style:none;} .footer-wrapper ul li { padding:0 0 15px 0; margin:0; color:#8a8989; line-height:22px;} .footer-wrapper ul li:before{font-family: "Font Awesome 5 solid"; content: "\f30b"; font-size:12px; margin-top:0; font-style:normal; font-weight:400; padding-right:10px;} .footer-wrapper ul li a { color:#cbcbcb; } .footer-wrapper ul li a:hover, .footer-wrapper ul li.current_page_item a { color:#f2b23d; } /* = Contact Form 7 css -------------------------------------------------------------- */ .wpcf7{ margin:30px 0 0; padding:0;} .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;} .wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;} .wpcf7 input[type="submit"]{background-color:#ffffff; width:auto; border:none; cursor:pointer; color:#000; font-weight:bold; padding:13px 30px; border-radius:5px; text-transform:uppercase;} .wpcf7 input[type="submit"]:hover{background-color:#ffffff; color:#fff;} /* woocommerce CSS ================================================*/ a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;} a.button.added:before{content:'' !important;} #bbpress-forums ul li{padding:0;} #subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;} textarea.wp-editor-area{border:1px #ccc solid;} .woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;} form.woocommerce-ordering select{ padding:5px; color:#777777;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;} h1.product_title, p.price{ margin-bottom:15px;} .woocommerce div.product .product_title{ padding-left:25px;} .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ border-top:1px solid rgba(255,255,255,.8) } .woocommerce table.shop_table{ border:1px solid rgba(255,255,255,.8) } .woocommerce-cart table.cart td.actions .coupon .input-text{ padding:9px 6px; width:100px;} .woocommerce-checkout #payment{ color:#000;} .woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;} .woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important} .woocommerce .panel{ height:auto;} .woocommerceright{float:left;} .woocommerceleft{float:right;} .woocommercesitefull{ width:100% !important;} .woocommerce .panel{ height:auto} .woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;} .woocommerce-product-details__short-description p{ margin-bottom:25px;} .woocommerce ul.products li.product h2{ font-size:14px !important; margin:0 0 10px 0 !important; padding:15px 0 15px 0!important; text-align:center; position:relative;font-weight:700; color:#000; text-transform:uppercase; border-bottom:1px solid #ddd;} .woocommerce ul.products li.product .price del{ float:right; font-size:14px; color:#282828; display:none; } .woocommerce ul.products li.product .price ins{ font-size:17px; color:#151515; text-decoration:none; text-align:center; display:block;} .woocommerce ul.products li.product a.add_to_cart_button{ color:#4a4a4a; font-weight:400; font-size:15px !important;display: inline-block; margin:0; padding:0 0 0 60px; line-height:25px; background-color:transparent !important; text-align:right;} .woocommerce ul.products li.product a.add_to_cart_button:before{content:"\f07a"; font-family:'Font Awesome 5 solid'; font-size:14px; padding-right:7px} .woocommerce ul.products li.product .added_to_cart.wc-forward{ margin:0 auto;display: table;padding: 10px 15px; border-radius: 20px;} .woocommerce ul.products li.product .onsale{ display:none;} .woocommerce ul.products li.product .price{ font-size:17px; display:inline-block;} .woocommerce ul.products li.product{ background-color:#fff; text-align:center;} .woocommerce ul.products li.product .product-thumb{ height:240px; overflow:hidden; margin-bottom:0; position:relative; background:#f00202;} .woocommerce ul.products li.product .product-thumb img{ min-height:240px;transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;} .woocommerce ul.products li.product:hover .product-thumb img{opacity:0.4;} .woocommerce ul.products li.product:hover h2{ color:#FF0000} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ color:#000;} /* = Comment Form css -------------------------------------------------------------- */ h1.screen-reader-text{font:400 22px/24 'Assistant',san-serif;} .site-nav-previous, .nav-previous{ float:left;} .site-nav-next, .nav-next{ float:right;} h3#reply-title{ font-size:20px;} #comments{ margin:30px 0 0; padding:0;} nav#nav-below{ margin-top:15px;} /* Comment styles */ ol.commentlist{list-style:none;} #commentform p{margin:5px 0;} #commentform label{display:block;} #commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;} #commentform input#submit{ background-color:#777; border:none; border-top:4px solid #fff; color:#fff; padding:12px 25px; display:inline-block; cursor:pointer; border-radius:5px; text-transform:uppercase;} #commentform input#submit:hover{background:#000; color:#fff;} .form-allowed-tags{display:none;} .entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;} .entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;} .entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;} .entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;} .fvch-codeblock:hover .comment-form-url{display:block !important;} .entry-content p{ margin-bottom:30px;} .commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;} .commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;} .commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;} .commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;} .commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;} .commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;} .commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;} img.avatar { vertical-align:middle; position:static; display:inline-block;} .commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; } .commentlist, ol.commentlist p { font-size:14px;} .commentlist .reply span, ol.commentlist .reply span { display:none;} .commentlist .reply a, ol.commentlist .reply a { display:block; padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;} .comment-author.vcard{display:inline-block; margin-right:15px;} .comment-list ul.children li.comment{background-image:none; padding-left:5px;} /* = Navigation Focus CSS -------------------------------------------- */ button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, a:focus { outline: thin dotted #d20606; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; 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. */ } /* Do not show the outline on the skip link target. */ #content_part_site[tabindex="-1"]:focus { outline: 0; } #content_part_site a{ font-weight:bold; text-decoration:underline; }