/* Theme Name: Tar PRO Theme URI: http://asphaltthemes.com/tar Author: Asphaltthemes Author URI: Asphaltthemes Description: Tar is a lightweight, bloat-free, simple, multipurpose WordPress theme. You definitely wouldn't be able to do everything with Tar but free version is more than enough to kick start your own website within mintues. Lets you customize most of the element Live with very little code touch. The theme comes with Full width layout, easy Logo upload, powerful theme options, Custom CSS Field & lots of Color options. Tar is 100% responsive built with HTML5 & CSS3, it's SEO friendly, mobile optimized & retina ready, translation ready, ready for WooCommerce. Tar is a Free lightweight fast loading WordPress theme and has been thoroughly tested by WordPress coding standard and Gutenberg ready. It's clean and bloat free and has fast loading time Perfect for - Landing Pages, small business, portfolio, corporate, personal websites. Version: 0.3.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Tar Tags: one-column, two-columns, flexible-header, custom-background, custom-colors, featured-images, theme-options, full-width-template, right-sidebar, threaded-comments, translation-ready, custom-header, custom-menu, editor-style, featured-image-header This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Tar is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Header # Navigation ## Links ## Menus # Frontpage # Footer # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Post layout ## No Sidebar page ## Left Sidebar Page ## Author Page ## Blog Page ## Category page ## 404 page ## Search Page ## Contact Page ## Index page(static page) ## Asides ## Comments ## Post Meta ## Shortcodes styling # Infinite scroll # Media ## Captions ## Galleries ## Scoll To Top ## Plugin Integration ## Responsive styling ## Miscellenous --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin:0;padding:0;} body {font-family: 'Open Sans', 'Source Sans Pro', 'lato', sans-serif;margin:0;background-color: red;line-height: 1.5em;} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block;vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} [hidden],template {display: none;} a {background-color: transparent;} a:active,a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {ont-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em;margin: 0.67em 0;} mark {background: #ff0;color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {box-sizing: content-box;height: 0;} pre {overflow: auto;} code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;} button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;} button {overflow: visible;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} input {line-height: normal;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse;border-spacing: 0;} td,th {padding: 0;} #today {color: #479CA7;} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body,button,input,select,textarea {color: #404040;font-family: 'Open Sans', 'Source Sans Pro' , sans-serif; font-size: 16px;font-size: 1rem;line-height: 1.5;} h1,h2,h3,h4,h5,h6 {clear: both;} p {margin-bottom: 1.5em;} dfn,cite,em, i {font-style: italic;} blockquote {margin: 0 1.5em;} address {margin: 0 0 1.5em;} pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;} code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px; font-size: 0.9375rem;} abbr,acronym {border-bottom: 1px dotted #666;cursor: help;} mark,ins {background: #fff9c0;text-decoration: none;} big {font-size: 125%;} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html {box-sizing: border-box;} *,*:before,*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit;} body {background: #fff; /* Fallback for when there is no custom background color defined. */} blockquote:before,blockquote:after,q:before,q:after {content: "";} blockquote,q {quotes: "" "";} hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;} ul,ol {margin: 0 0 1.5em 3em;} ul {list-style: disc;} ol {list-style: decimal;} li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;} dt {font-weight: bold;} dd {margin: 0 1.5em 1.5em;} img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */} table {margin: 0 0 1.5em;width: 100%;} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button,input[type="button"],input[type="reset"],input[type="submit"] { border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8);font-size: 12px;font-size: 0.75rem;line-height: 1;padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);} button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);} button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active, input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"], textarea {color: #666;border: 1px solid #ccc;border-radius: 3px;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] { padding: 3px; } textarea {padding-left: 3px;width: 100%;} #respond input[type="submit"] {text-decoration: none;color: #FFF;background: #444 none repeat scroll 0% 0%; letter-spacing: 1px;box-shadow: none;font-family: 'Open Sans', sans-serif;float: right;padding: 20px; cursor: pointer;border: medium none;border-radius: 3px;font-size: 10px;text-transform: uppercase;} #respond input[type="submit"]:hover {opacity: 0.8;} /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a {color: royalblue;} a:visited {color: purple;} a:hover,a:focus,a:active {color: midnightblue;} a:focus {outline: thin dotted;} a:hover,a:active {outline: 0;} /*-------------------------------------------------------------- ## Header - Menus/Navigation - Top Bar --------------------------------------------------------------*/ .topbar {color: white;} .ulone {padding:3px 0 3px 10px;margin: 0;float: left;width: 50%;font-size: 12px;padding-left: 10px;list-style: none;background:rgba(34, 34, 34, 0.97);} .ulone .fa {padding:0 1% 0 2%;} .ultwo {padding: 0;margin: 0;float: right;width: 50%;direction: rtl;font-size: 13px;padding-right: 10px;background:rgba(34, 34, 34, 0.97);} .ultwo .fa {padding: 4px 8px 6px;font-size: 14px;} .ultwo a {color: #fff;} .topbar_fb:hover {color: #3b5998 !important;} .topbar_tw:hover {color:#1da1f2 !important ;} .topbar_gp:hover {color:#db4437 !important;} .topbar_li:hover {color:#1b85bd !important ;} .topbar_pi:hover {color:#bd081c !important;} .topbar_yt:hover {color:#e62117 !important;} .topbar_vi:hover {color:#00adef !important;} .topbar_ig:hover {color:#eb4750 !important;} .pad_menutitle {padding: 5%;background-color: #2196F3;} .pad_menutitle span {float: right; padding-right: 5%;font-size: 16px;} #masthead {font-family: 'Open Sans', sans-serif;padding: 1% 0 0 1%;width: 100%;background-color: #222;z-index: 999;background-size: cover;} .site-branding {float: left;width: 30%; margin-top: -2%;} .site-branding a {text-decoration: none;color: #fff;font-size: 30px;font-weight: 300;} .site-branding p {text-decoration: none;color: #fff;margin-top: -25px;font-size: 12px;} .site-logo {margin: 30px 10px -5px 0;background-size: cover;background-position: center center;background-repeat: no-repeat;float: left;margin-right: 10px;} .site-logo img {background-position: center center;} .site-name {float: left;word-wrap: break-word;} .menu-toggle {display: none;} #site-navigation {float: left;width: 65%;margin-left: 5%;} .main-navigation a {color: white;text-decoration: none;display: block;} .main-navigation ul {display: block;list-style: none;margin: 0;padding-left: 0;} .main-navigation li {float: right;position: relative;} .main-navigation a:hover {color: #5b9cb1;} #primary-menu li {margin-right: 35px;} #primary-menu ul {display: inline-block;} #primary-menu li:hover ul {display: inline-block;} #primary-menu li ul li:last-child {border-bottom: none;} #primary-menu li ul li:first-child {border-top-left-radius: 1px;border-top-right-radius: 1px;} #primary-menu li ul li:last-child {border-bottom-left-radius: 1px;border-bottom-right-radius: 1px;} #primary-menu li ul li {border-color: #444;padding: 4% 10%;width: 200px;background: #333;border-bottom: 1px solid #444;} #primary-menu {float: right;} #primary-menu a {font-size: 13px;} #primary-menu li ul ul {left: -165px;top: 0;} #primary-menu li ul {width: 200px;right: -35px;} .main-navigation ul ul {position: absolute;top: 20px;left: -999em;z-index: 99999;float: left;} .main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;} .main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {right: 100%;} .site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {margin: 0 0 1.5em;overflow: hidden;} .comment-navigation .nav-previous{float: left;width: 50%;} .comment-navigation .nav-next {float: right;text-align: right;width: 50%;} .post-navigation {padding: 40px 0;} .post-navigation a {color: #666;text-decoration: none;} .post-navigation a:hover{color: #4169E1;} /*-------------------------------------------------------------- # Front-page --------------------------------------------------------------*/ .welcome-text {background-repeat: no-repeat;background-attachment: scroll;background-position: center center; background-size: cover;padding: 14% 0 10% 0;text-align: center;color: #fff;background-attachment: fixed;} .welcome-text h2{margin: 6% 5% 0 5%;text-transform: uppercase;font-size: 55px;font-weight: 300;} .welcome-text p {text-transform: uppercase;font-size: 20px;color: #fff;clear: both;margin-left: 5%;margin-right: 5%;letter-spacing: .5px;margin-bottom: 0;} .welcome-text button {padding: 20px 40px;color: #fff;background: #FF0819;box-shadow: none;font-size: 15px;text-transform: uppercase;margin: 1% 5% 5% 5%;border: medium none #f5f5f5;} .welcome-text button:hover {background: rgba(255,255,255, 0.1);-webkit-transition: all 0.7s ease; -moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;-ms-transition:all 0.7s ease; transition:all 0.7s ease;} .features-list {padding: 5% 10%;} .features-list h4 {text-align: center;font-size: 28px;text-transform: uppercase;margin: 5% 0 5% 0;font-weight: 500;} .features-block-one, .features-block-two, .features-block-three {float: left;width: 31%;text-align: center;margin: 0 1% 2%;} .block-one-photo,.block-two-photo,.block-three-photo {margin: 0 auto;margin-bottom: 10%;height: 350px;overflow: hidden;background-size: cover;} .block-one-photo img,.block-two-photo img,.block-three-photo img {max-width: 100%;height: auto;} .features-block-one h3, .features-block-two h3, .features-block-three h3 {color: #555;font-weight: 300;font-size: 20px;} .features-block-one p, .features-block-two p, .features-block-three p {color: #888;line-height: 1.7em;font-size: 13px;} .bottom-call {background-size: cover;text-align: center;padding:15% 5%;clear: both;color: #fff;background-attachment: fixed;background-repeat: no-repeat;background: #21242D;} .call-section-one {text-align: center;} .call-section-one p {font-size: 40px;margin: 0;} .call-section-two button {padding: 20px 35px;color: #fff;background: #00BCD4;box-shadow: none;font-size: 16px; margin-top: 3%;text-transform: uppercase;border: none;} .call-section-two button:hover {opacity: .9; -webkit-transition: all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .call-section-two {text-align: center;} .portfolio {padding: 7% 12% 10%;text-align: center;background:#242943;} .portfolio-one {width: 100%;} .image-section img {float: left;width: 30%;height: 350px;} .portfolio-image {position: relative;float: left;width: 33%;overflow: hidden;} .portfolio-image img {display: block;width: 100%;height: auto;overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} .portfolio-image img:hover {opacity: 0.8;transform: scale(1.3);} .portfolio-image .image-section {opacity: 0;position: absolute;bottom: 0px;left: 0px;right: 0px;padding: 15px 0px;color: #ffffff;background: #000000;text-decoration: none;text-align: center;font-size: 13px; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .portfolio-image:hover .image-section {opacity: 0.8;} .portfolio p {font-size: 30px;color: #fff;text-transform: uppercase;} .frontpage-post-blog {background: #031624;padding: 5% 8%;text-align: center;} .frontpage-post-blog .frontpage-post .continue-reading a {font-size: 11px;background:rgb(49, 56, 101);} .frontpage-post-wrapper {padding: 5% 0 ;} .frontpage-post-blog h4 {color: #fff;font-size: 30px;font-weight: 300;text-align: center;text-transform: uppercase;} .frontpage-post {float: left;width: 31%;margin: 0 0 5% 2%;background: #fff;} .frontpage-post-image {position: relative;overflow: hidden;} .frontpage-post img {height: auto;overflow: hidden;width: 100%;} .frontpage-post h3 {padding: 2% 0;font-size: 20px;font-weight: 300;} .frontpage-post p {margin: 0px 0px 5%;padding:10% 7%;text-align: center;line-height: 35px;font-weight: 300;font-size: 13px;letter-spacing: .5px;} .frontpage-post a {text-decoration: none;color: #fff;background:#217DE6 ;padding: 15px 25px;font-weight: bold;} .frontpage-post .continue-reading {margin: 5% 0 15%;} .frontpage-post a:hover {opacity: .9;} .front-page-pagination a,.blog-page-pagination a {border: 1px solid #ddd;padding: 5px 10px;margin-right: 10px; text-decoration: none;color: #999;-webkit-transition: all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;transition:all 0.6s ease;} .front-page-pagination a:hover {background: #217DE6;color: #fff;} .front-page-pagination .page-numbers.current {margin-right: 10px;} .front-page-pagination .page-numbers {margin-right: 15px;border: 1px solid #CDD1DE;} .front-page-pagination .page-numbers a {color: #555;border: 1px solid #888;padding: 2px 12px;} .front-page-pagination span.page-numbers.current {border: none;} .frontpage-blog-title {color: #666;} a.frontpage-blog-title {color: #666;background: none;} .front-page-pagination a:hover, .blog-page-pagination a:hover {background: #217DE6;color: #fff;} .front-page-pagination a.prev.page-numbers, .front-page-pagination a.next.page-numbers {display: none;} .front-page-pagination .page-numbers.current, .blog-page-pagination .page-numbers.current {margin-right: 10px;} .frontpage-signup {text-align: center;background: #88CDFF;padding: 15%;color: #fff;} .frontpage-signup p {font-size: 150%;} /* testi one */ .testimonial {background: #2e3141;padding:5% 10% 7%;color: #fff; } .testimonial h3 {text-align: center;padding: 2% 0 10% 0;font-size: 30px;line-height: 1;text-transform: uppercase;font-weight: : 300;font-weight: 300;} .testimonial-row {float: left;width: 45%;text-align: center;border: 1px solid rgba(158, 158, 158, 0.24);} .testimonial-row:last-child {margin-left: 5%;} .testi-img-wrapper {margin-top: -40px;} .testi-info-wrapper h4 {font-size: 20px;font-weight: 300;} .testi-img-wrapper1 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/block3.jpg'); height:130px;width: 140px;margin: 0 auto;background-position: center center;background-size: cover;background-repeat: no-repeat;margin-top: -10%;border: 6px solid rgba(255,255,255,.9);} .testi-img-wrapper2 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/ne.jpg'); height:130px;width: 140px;margin: 0 auto;background-position: center center;background-size: cover; background-repeat: no-repeat;margin-top: -10%;border: 6px solid rgba(255,255,255,.9);} .testi-img-wrapper img {border:3px solid #fff;height: 90px;width: 100px;} .testimonial p {font-size: 13px;font-style: italic;padding: 7% 10% 10%;letter-spacing: .5px;} .testipara {padding: 0 3%;} /* testi two */ .testi-two {background: #1a1a1a;padding: 2% 0 5%;} .testi-two-wrapper {padding: 0 5%;} .testi-two h3 {text-align: center;padding: 4% 0 6% 0;font-size: 40px;line-height: 1;color: white;} .testi2-row {float: left;width: 31%;text-align: center;background:white;border-radius:5px;} .testi2-row:nth-child(1n) {margin-right: 1%;margin-left:1%; } .t2_r1_img {height: 110px;max-width: 110px;border-radius: 100%;border:7px solid #eee;margin: 0 auto;padding:15% 0 5%;margin-top: 20%;margin-bottom: 15%;background-size: cover;background-repeat: no-repeat;background-position: center center; background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/ne.jpg');} .t2_r2_img {height: 110px;max-width: 110px;border-radius: 100%;border:7px solid #eee;margin: 0 auto;padding:15% 0 5%;margin-top: 20%;margin-bottom: 15%;background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/ne.jpg')} .t2_r3_img {height: 110px;max-width: 110px;border-radius: 100%;border:7px solid #eee;margin: 0 auto;padding:15% 0 5%;margin-top: 20%;margin-bottom: 15%;background-size: cover;background-repeat: no-repeat;background-position: center center; background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/ne.jpg');} .testi2-para {text-align: left;padding: 0 7%;} .testi2-para p {font-size: 13px;text-align: center; color: #666;line-height: 2;} .testi2-name {padding:11% 5%;} /* testi three */ .testi-three {background: #795548;} .testi3-wrapper {padding: 5% 12% 18% 22%;} .testi-three img {height: 100px;width: 100px;border-radius: 100%;border: 5px solid white;} .testi3-img-wrapper {float: left;width: 20%;height: 250px;width: 250px;border-radius: 100%;border: 7px solid #fff;margin-right: 5%;background-size: cover;background-position: center center;margin-top: 25px;} .testi3-info {float: left;width: 70%;padding-top: 5%;} .testi3-info p {font-style:italic;line-height: 2;color: #eee;font-size: 15px; } .testi3-info h4 {font-weight: 700;color: #fff} /* CTA */ .cta2 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/banner2.jpg');background-repeat: no-repeat;background-size: cover;padding:10% 5%; } .cta2-wrapper {padding: 12% 0 5%;min-height: 500px;} .cta2-wrapper h2 {color: white;font-size: 45px;padding: 0 6%;font-weight: 300;text-align: center;} .cta2-button-wrapper {text-align: center;padding: 1% 0 4%;display: flex;-ms-display:flex-box;-webkit-display:flex;-moz-display:flex;justify-content: center;} .cta2btndiv {margin-left:10px;} .cta2-button-wrapper a {text-decoration: none;color: white;text-transform: uppercase;border-radius: 3px;padding: 18px 22px;} .cta2-button-wrapper a {background: #e96656;} .cta2-button-wrapper a:first-child:hover {background:#F44336;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;-ms-transition:all 0.7s ease;transition:all 0.7s ease;} .cta2-button-wrapper a:last-child {margin-left: 2%;background: #00BCD4;-webkit-transition: all 0.7s ease;transition:all 0.7s ease;} .cta2-button-wrapper a:last-child:hover {-webkit-transition: all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;-ms-transition:all 0.7s ease;transition:all 0.7s ease;background: transparent;box-sizing: border-box;background-color: transparent;} .cta3 { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/banner2.jpg'); background-repeat: no-repeat;background-size: cover;padding: 16% 2% 14% 2%;color: white;min-height: 450px;} .cta3-wrapper {padding: 4% 55% 0 4%;} .cta3-wrapper h2 {font-size: 50px;font-weight: 300;margin-bottom: 0;} .cta3-wrapper p {font-weight: 300;font-size: 14px;letter-spacing: .5px;} .cta3-button-wrapper {padding: 4% 0 0;} .cta3-button-wrapper a {color: white;border: 2px solid rgba(255, 0, 0, 0.42);text-transform: uppercase;text-decoration: none;padding: 15px 25px 15px;border-radius: 2px;} .cta3-button-wrapper a:hover {color: white;background: rgba(255, 0, 0, 0.31);transition: .4s ease all; -webkit-transition:.4s ease all;-moz-transition:.4s ease all;} /* feature two style */ .feature2 {background: rgb(53, 81, 106);color: white;} .f2-row {float: left;width: 33%;text-align: center;padding: 7% 0;box-sizing: border-box;overflow: hidden;} .f2-row-wrapper {-webkit-transition: all 0.5s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.5s ease;} .f2-row-wrapper:hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.5s ease;transform: scale(1.1);box-sizing: border-box;} .f2-row:first-child {border-right: 1px solid rgba(158, 158, 158, 0.16);} .f2-row:last-child {border-left: 1px solid rgba(158, 158, 158, 0.16);} .f2-row .icon-one, .f2-row .icon-two, .f2-row .icon-three {font-size: 40px;} .f2-row h3 {font-size: 25px;font-weight: 300;letter-spacing: 1px;} .f2-row p {padding:0 8%;font-weight: 300;font-size: 13px;letter-spacing: .5px;} /* feature three style */ .feature3 {background: rgb(34, 57, 76);color: white;padding: 7% 5%;} .feature3 h3 {text-align: center;font-size: 36px;font-weight: 300;text-transform: uppercase;} .f3-span {border-top: 1px solid rgba(0, 188, 212, 0.15);width: 60px;display: block;margin: 0 auto;margin-top: -25px;padding-bottom: 2%;} .f3-div-one, .f3-div-two {float: left;width: 100%;padding: 2% 8%;padding-top: 2%;} .f3-row {float: left;width: 33%;text-align: center;} .f3-row h4 {font-size: 16px;font-weight: 300;} .f3-row p {padding: 0 15%;font-size: 13px;font-weight: 300;letter-spacing: .5px;} .f3-icon {color: #F44336;font-size: 23px;} /* Portfolio two style */ .p2-image-div {cursor: pointer;height: 450px;float: left;position: relative;overflow: hidden;width: 33.33%; background-position: center center;} .p2-image-div img {position: absolute;left: 0;width: 100%;height: 500px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .p2-other-div {background: rgb(34, 57, 76);position: absolute;color: #fff;z-index: 100;left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .p2-image-div .p2-other-div {width: 100%;height: 450px;top: -450px;text-align: center;padding: 50px;} .p2-image-div:hover .p2-other-div { -moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);} .p2-other-div a {text-decoration: none;color: #4CAF50;font-size: 30px;font-weight: 300;} .p2-other-div p {color: #fff;font-size: 13px;font-weight: 300;padding: 15% 0;} .p2-read-more a {color: white;text-transform: uppercase;background: rgba(63, 81, 181, 0.4);padding: 4%;font-size: 12px;} .p2-read-more a:hover {background: rgba(63, 81, 181, 0.79)} .p3-image-div {float: left;width: 25%;cursor: pointer;height: 450px;position: relative;overflow: hidden; background-position: center center;} .p3-image-div img {position: absolute;left: 0;width: 100%;} .p3-other-div {background-color: #4CAF50;position: absolute;top: 0;left: 0;color: #fff;z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0;width: 100%;height: 450px;padding: 200px 20px;text-align: center;} .p3-image-div:hover .p3-other-div { opacity: 1; } .p3-other-div a { text-decoration: none;color: white;font-size: 20px;} /* text section style */ .text2_section {background: #4CAF50;} .t2img {float: left;width: 50%;} .t2img {vertical-align: middle;height: 500px;background-repeat: no-repeat;background-position: center center; background-image: url(url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/block3.jpg'));} .t2txt {float: right;width: 50%;padding: 5% 5% 4%;color: white;} .t2txt h3 {padding: 2% 0;font-size: 30px;font-weight: 300;} .t2txt p {font-size: 13px;font-weight: 300;letter-spacing: .5px; word-spacing: .5px;} .txt3_section {color: black;background: #FFEB3B;position: relative;} .txt3_wrapper {padding: 4%;} .txt3_section::before {top: 0;position: absolute; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .txt3_section:before { background: inherit; content: ''; display: block; height: 20%; left: 0; position: absolute; right: 0; } .txt3_section {padding: 5% 10%;} .txt3_section h3 {float: left;width: 37%;padding:3% 4% 4%;font-size: 35px;color: #333;} .txt3_section p {float: left;width: 60%;padding: 4% 10% 0 0;color: #444;font-size: 14px;} /* blog layout two */ .blog_Front_l2 {background: #1a1a1a;padding: 1% 0;} .blog_Front_l2 h3 {font-size: 40px;font-weight: 300;} .blog_Front_l2 {text-align: center;color: white;text-transform: uppercase;font-size: 31px;padding-bottom: 2%;} .blog_Front_l2_post:nth-child(odd) {background: #4CAF50;float: left;width: 100%;color: white;padding: 4% 0;} .blog_Front_l2_post:nth-child(even) {background: #006799;float: right;width: 100%;direction:ltr;color: white;text-align: right;padding:4% 18%;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_img_wrap {float: left;width: 35%;padding: 1% 0 0 15%;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_other_wrap {float: right;width: 65%;padding: 1% 17% 1% 1%;text-align: left;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_other_wrap a {text-decoration: none;color: #fff;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_other_wrap a:hover {transition: .5s ease all;opacity: .6;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_other_wrap p {font-weight: 300;font-size: 12px;letter-spacing: .5px;margin-bottom: 5px;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_other_wrap h4 {font-size: 20px;font-weight: 500;margin-bottom: 5px;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_link a {transition: .5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;font-weight: 300;border: 1px solid #fff;padding: 10px 18px;border-radius: 1px;font-size: 12px;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_link a:hover {background: rgba(245, 245, 245, 0.28); transition: .5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;} .blog_Front_l2_post:nth-child(odd) .blog_Front_l2_post_img_wrap img {width: 200px;height: 200px;border-radius: 100%;background-position: center center;} .blog_Front_l2_post:nth-child(even) .blog_Frnt_l2_post_img_wrap {float: right;width: 30%;padding: 0% 7% 0% 0;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_img_wrap img {float:right;width: 200px;height: 200px;border-radius: 100%;background-position: center center;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_other_wrap {float: right;width: 75%;padding: 1% 5% 1% 1%;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_other_wrap a {text-decoration: none;color: #fff;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_other_wrap a:hover {transition: .5s ease all; -webkit-transition: .5s ease all;-moz-transition: .5s ease all;opacity: .6;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_other_wrap p {font-weight: 300;font-size: 11px;letter-spacing: .5px;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_other_wrap h4 {font-size: 20px;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_link a {font-weight: 300;border: 1px solid #fff;padding: 10px 18px;border-radius: 1px;font-size: 12px;-webkit-transition: .5s ease all;-moz-transition: .5s ease all;transition: .5s ease all;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_link a:hover {background: rgba(245, 245, 245, 0.28);} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_img_wrap img {width: 200px;height: 200px; border-radius: 100%;background-position: center center;} .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_img_wrap img {width: 200px;height: 200px;border-radius: 100%;background-position: center center;} .blog_Front_l2_post_pagination {padding-top: 2%;text-align: center;} .blog_Front_l2_post_pagination a {text-decoration: none;color: white;font-size: 20px;font-weight: 300;} .blog_Front_l2_post_pagination a:hover {color: #607D8B;} .blog_Front_l2_post_pagination .current {color: #607D8B;} /* blog layout three*/ .blog_front_s3 {padding:2% 4%;background: #1d242a;} .blog_front_s3 h3 {text-align: center;font-size: 30px;text-transform: uppercase;padding-bottom: 2%;color: #fff;font-weight: 300;padding:4%;} .blog_front_s3_post {float: left;width: 47%;text-align: center;padding:0 0 5% 6%;} .blog_front_s3_post_img_wrap {height: 550px;overflow: hidden;} .blog_front_s3_post_img_wrap img {width: 100%;} .blog_front_s3_post_img_wrap img:hover {opacity: .8;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;} .blog_front_s3_post_other_wrap h4 {font-size: 25px;} .blog_front_s3_post_other_wrap p {font-size: 13px;font-weight: 300;padding: 7% 0;color: rgba(255, 255, 255, 0.64);letter-spacing: .5px;} .blog_front_s3 a {text-decoration: none;color: #2196F3;font-weight: 300;} .blog_front_s3_post_link a {color: rgba(255, 255, 255, 0.86);border: 2px solid rgba(255, 255, 255, 0.125);padding: 10px;font-weight: 300;} .blog_front_s3_post_link a:hover {color: #555;background: #eee;transition: .5s ease all; -webkit-transition:.5s ease all;-moz-transition:.5s ease all;} /* Second CTA layout 2 */ .scta_2 {background: #FFEB3B;padding: 7% 15%;} .scta_2 h3 {float: left;width: 65%;font-weight: 500;margin-top: 0px;font-size: 20px;} .scta_2_b_wrap {float: right;} .scta_2 a {line-height: 4;text-decoration: none;text-transform: uppercase;color: white;border: 1px solid #F44336;background: #F44336;padding: 15px 30px;border-radius: 3px;} .scta_2 a:hover {background: transparent;color: black;transition: .5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;} /* Second CTA layout 3 */ .scta_3 {background: #2666ae;padding: 5% 2%;text-align: center;} .scta_3 h3 {font-size: 45px;line-height: 0;padding-top: 2%;color: #fff;font-weight: 300;} .scta_3 p {color: #eee;font-size: 14px;} .scta_3_b_wrap {padding:2% 0 5%;} .scta_3 a {text-transform: uppercase;text-decoration: none;color: #fff;border: 1px solid #fff;padding: 15px;font-size: 15px;transition: .6s ease all;-webkit-transition:.6s ease all; -moz-transition:.6s ease all;} .scta_3 a:hover {color: white;background: #FF5722;transition: .6s ease all;-webkit-transition:.6s ease all; -moz-transition:.6s ease all;} /* clients layout 1 */ .cli1_sec {padding:6% 20%;background: white;} .cli1_sec h3 {text-align: center;font-size: 30px;color: #555;text-transform: uppercase;padding-bottom: 3%;font-weight: 300;} .cli1_sec img {float: left;width: 25%;box-sizing: border-box;} .cli_img1:hover, .cli_img2:hover, .cli_img3:hover, .cli_img4:hover {opacity: .9;} .cli1_span {border-top: 1px solid #ddd;width: 60px;display: block;margin: 0 auto;margin-top: -55px;padding-bottom: 7%;} .cli_img1 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/j.png'); background-repeat: no-repeat;background-size: contain;height: 200px;width: 25%;float: left;} .cli_img2 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/bmw.jpg'); background-repeat: no-repeat;background-size: contain;height: 200px;width: 25%;float: left;} .cli_img3 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/wp.png'); background-repeat: no-repeat;background-size: contain;height: 200px;width: 25%;float: left;} .cli_img4 { background-image: url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/g.png'); background-repeat: no-repeat;background-size: contain;height: 200px;width: 25%;float: left;} /* Team layout 1 */ .team {padding:5%;text-align:center;} .tm_one, .tm_two, .tm_three {float: left;width: 33%;padding-right: 1%;} .tm_one_img {background-image:url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/block3.jpg');height: 300px;width:300px;border-radius: 100%;margin: 0 auto;background-size: cover;background-position: center center;} .tm_two img {background-image:url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/block3.jpg');height: 300px;width:300px;border-radius: 100%;margin: 0 auto;background-size: cover;background-position: center center;} .tm_three img{background-image:url('http://localhost/wordpresspro/wp-content/themes/tar-pro/assets/images/block3.jpg');height: 300px;width:300px;border-radius: 100%;margin: 0 auto;background-size: cover;background-position: center center;} .tm_one_img:hover, .tm_two img:hover, .tm_three img:hover {opacity: .9;} .team h3 {font-size: 30px;padding-bottom: 5%;font-weight: 300;color: #555;} .team .fa.fa-linkedin {color: #1b85bd} .team .fa.fa-twitter {color: #1da1f2} .team .fa {color: #4CAF50;padding: 0 5px;} /* Content Accordion Slider 1 */ .acc_cont_slider ul, .acc_cont_slider li {margin: 0;padding: 0;list-style: none;overflow: hidden;color:#fff;} .acc_cont_slider ul {display:-webkit-box;display:-webkit-flex;display:-moz-flex;display: -ms-flexbox;display: flex;height:70vh;} .acc_cont_slider li { -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; -webkit-transition: -webkit-box-flex 500ms ease-out; -webkit-transition: -webkit-flex 500ms ease-out; transition: -webkit-box-flex 500ms ease-out; transition: -ms-flex 500ms ease-out; transition: flex 500ms ease-out; padding: 20px;text-align: justify;} .acc_cont_slider h4 {text-align: center;text-transform: uppercase;word-break: break-all;} .acc_cont_slider li:nth-child(1) { background: #4CAF50; } .acc_cont_slider li:nth-child(2) { background: #009688; } .acc_cont_slider li:nth-child(3) { background: #333; } .acc_cont_slider li:nth-child(4) { background: #30843a; } .acc_cont_slider li:nth-child(5) { background: #00BCD4; } .acc_cont_slider li:hover {-moz-box-flex:3; -webkit-box-flex: 3;-webkit-flex: 3;-ms-flex: 3; flex: 3;} /* Social Bar 1 */ .socialbar {background:#4caf50;text-align: center;} .socialbar_wrap {padding:7% 5%;} .socialbar h3 {text-transform: uppercase;color:#CDDC39;font-weight: 300;} .socialbar .fa {color:#fff;font-size: 60px;padding:0 2%; -webkit-transition: all .5s ease;transition: all .5s ease;} .scbar_fb:hover, .scbar_tw:hover, .scbar_gp:hover, .scbar_li:hover, .scbar_pi:hover, .scbar_yt:hover, .scbar_vi:hover, .scbar_in:hover { opacity: .5; -webkit-transition: all .5s ease;transition: all .5s ease;} /*Accordion Image 1*/ .accordimg {width: 100%;height: 800px;overflow: hidden;} .accordimg ul {width: 100%;display: table;table-layout: fixed;margin: 0;padding: 0;} .accordimg ul li {display: table-cell;vertical-align: bottom;position: relative;width: 16.666%;height: 800px;background-repeat: no-repeat;background-position: center center;transition: all 500ms ease;} .accordimg ul li div a {top: -51px;left: 60px;height: 800px;width: 100%;position: relative;z-index: 3;vertical-align: bottom;box-sizing: border-box;color: #fff;text-decoration: none;font-family: Open Sans, sans-serif;transition: all 200ms ease;} .accordimg ul li div a * {margin: 0;width: 100%;text-overflow: ellipsis;position: relative;z-index: 5;white-space: nowrap;overflow: hidden;-webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all 400ms ease;transition: all 400ms ease;} .accordimg ul li div a h2 {text-overflow: clip;font-size: 24px;text-transform: uppercase;margin-bottom: 2px;right: 30px;} .accordimg ul li div a p {top: 160px;font-size: 13.5px;} .accordimg ul li:nth-child(1) { background-image: url("assets/images/banner.jpg"); background-size: cover;background-position: center center;} .accordimg ul li:nth-child(2) { background-image: url("assets/images/banner2.jpg");background-size: cover;background-position: center center;} .accordimg ul li:nth-child(3) { background-image: url("assets/images/banner3.jpg");background-size: cover;background-position: center center;} .accordimg ul li:nth-child(4) { background-image: url("assets/images/banner4.jpg");background-size: cover;background-position: center center;} .accordimg ul li:nth-child(5) { background-image: url("assets/images/block2.jpg"); background-size: cover;background-position: center center;} .accordimg ul li:nth-child(6) { background-image: url("assets/images/block1.jpg");background-size: cover;background-position: center center;} .accordimg ul:hover li { width: 8%; } .accordimg ul:hover li:hover { width: 60%; } .accordimg ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); } .accordimg ul:hover li:hover a * {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);} @media screen (min-width: 320px) and (max-width: 600px) { .accordimg { height: auto; } .accordimg ul li,.accordimg ul li:hover,.accordimg ul:hover li,.accordimg ul:hover li:hover { position: relative;display: table;table-layout: fixed;width: 100%;-webkit-transition: none;transition: none;} } /* YouTube */ .yt_video {background: #eee;padding: 1px 0;} .yt_video h3 {text-align: center;text-transform: uppercase;font-size: 30px;font-weight: 300;color: #555;} /* timeline */ .timeline {box-sizing: border-box; } .timeline::before {box-sizing: border-box; } .timeline * {box-sizing: border-box; }.timeline *::before {box-sizing: border-box; } .timeline ul li {color:#404040;} .center {text-align: center;font-size: 40px;} /* Main logic */ .timeline {position: relative;font-size: 1em;width: 100%;height: 100%;margin: 0 auto;overflow-y: hidden;margin-top: 0; } .timeline .timeline-block {margin: 40px 0; } .timeline .timeline-icon {position: absolute;width: 32px;height: 32px;left: 50%;margin-left: -16px;margin-top: -2px;border: 4px solid #FF6961;border-radius: 100%;background-color: white;text-align: center; } .timeline .timeline-icon.timeline-icon-hide-border {border: 0; } .timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img {margin-left: 0;margin-top: 0; } .timeline .timeline-icon i.fa, .timeline .timeline-icon img {display: inline-block;width: 32px;height: 32px;margin-left: -4px;margin-top: -4px;vertical-align: bottom;line-height: 32px;text-align: center;font-size: 30px; } .timeline .timeline-icon img {border-radius: 100%; } .timeline .timeline-content {position: relative;width: 45%;padding: 12px;background-color: #EEE;border: 1px solid #e5e5e5;line-height: 20px;min-height: 64px; } .timeline .timeline-date {position: absolute;width: 11%;top: 0;left: 118%;font-size: 80%; } .timeline::before {position: absolute;width: 2px;height: 100%;top: 0;left: 50%;margin-left: -1px; /* Half of width */ background-color: #CFCFC4; content: ""; } @media screen and (min-width: 800px) { .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 55%; } .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto; right: 118%; margin-left: -400px; } } @media screen and (max-width: 800px) { .timeline.timeline-collapsing::before {left: auto;margin-left: 140px; } .timeline.timeline-collapsing .timeline-block {margin-left: 174px;margin-right: 10px; } .timeline.timeline-collapsing .timeline-icon {left: auto;margin-left: -49px; } .timeline.timeline-collapsing .timeline-content {width: auto; } .timeline.timeline-collapsing .timeline-date {width: auto;left: 0;margin-left: -130px;text-align: right; } } /* Left based logic */ .timeline.timeline-left::before {left: auto;margin-left: 140px; } .timeline.timeline-left .timeline-block {margin-left: 174px;margin-right: 10px; } .timeline.timeline-left .timeline-icon {left: auto;margin-left: -49px; } .timeline.timeline-left .timeline-content {width: auto; } .timeline.timeline-left .timeline-date {width: auto;left: 0;margin-left: -130px;text-align: right; } /* Arrows */ .timeline.timeline-with-arrows .timeline-content::after, .timeline.timeline-with-arrows .timeline-content::before {left: 100%; top: 0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent; } .timeline.timeline-with-arrows .timeline-content::after {border-left-color: #EEE;border-width: 14px;margin-left: 0;margin-top: 0; } .timeline.timeline-with-arrows .timeline-content::before {border-left-color: #e5e5e5;border-width: 15px;margin-left: 1px;margin-top: -1px; } .timeline.timeline-with-arrows.timeline-left .timeline-content::after, .timeline.timeline-with-arrows.timeline-left .timeline-content::before {left: 0;right: 100%;border-left-color: transparent !important; } .timeline.timeline-with-arrows.timeline-left .timeline-content::after {border-right-color: #EEE;margin-left: -28px; } .timeline.timeline-with-arrows.timeline-left .timeline-content::before {border-right-color: #e5e5e5;margin-top: -1px;margin-left: -31px; } .timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::after, .timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before {left: 0;right: 100%;border-left-color: transparent !important; } .timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::after { border-right-color: #EEE; margin-left: -28px; } .timeline.timeline-with-arrows.timeline-alternating .timeline-block:nth-of-type(2n) .timeline-content::before { border-right-color: #e5e5e5;margin-top: -1px;margin-left: -31px; } @media screen and (max-width: 800px) { .timeline.timeline-with-arrows .timeline-content::after, .timeline.timeline-with-arrows .timeline-content::before {left: 0;right: 100%;border-left-color: transparent !important; } .timeline.timeline-with-arrows .timeline-content::after {border-right-color: #EEE;margin-left: -28px; } .timeline.timeline-with-arrows .timeline-content::before {border-right-color: #e5e5e5;margin-top: -1px;margin-left: -31px; } } /* Icon only */ .timeline-icon.timeline-icon-text { left: 0;width: 100%;margin: 0;text-align: center;height: 40px;line-height: 40px;border-radius: 0;background-color: transparent; } .timeline-icon.timeline-icon-text span {display: inline-block;width: auto;background-color: #EEE;border: 1px solid #e5e5e5;padding: 0 10px; } @media screen and (max-width: 800px) {.timeline-icon.timeline-icon-text {left: auto;width: auto;margin-left: 0 !important; } } .timeline.timeline-left .timeline-icon.timeline-icon-text {left: auto;width: auto;margin-left: 0 !important; } .timeline-block.timeline-block-icon-only .timeline-content {visibility: hidden; } /*Skill Bars*/ .skillbar {background: #1f1f1f;} .contentContainer {background: #1f1f1f;color: #fff;padding: 7% 5% 8%;width: 50%;margin: 0 auto;} .contentContainer h3 {text-align: center;text-transform: uppercase;font-size: 35px;font-weight: 300;} .progressBar {margin-bottom: 26px;margin-bottom: 1.66em;} .progressBar h4 {font-size: 14px;text-transform: none;font-weight: 300;margin-bottom: .33em;} .progressBarContainer {width: 100%;height: .5em;background: #e6eae3;background: rgba(8,102,220,.2);overflow: hidden;border-radius: 1px;} .progressBarValue {height: .5em;float: left;background: #4CAF50;background: #4CAF50;} .value-00 { width: 0; } .value-10 { width: 10%; } .value-20 { width: 20%; } .value-30 { width: 30%; } .value-40 { width: 40%; } .value-50 { width: 50%; } .value-60 { width: 60%; } .value-70 { width: 70%; } .value-80 { width: 80%; } .value-90 { width: 90%; } .value-100 { width: 100%; } /*------Accordion vertical-----------------*/ .accordver{width:100%;overflow:hidden;list-style:none;background:#38406d;margin: 0;padding: 0;} .accordver li{float:left;width:20%;overflow:hidden;height:250px; -moz-transition:width 0.5s ease-out; -webkit-transition:width 0.5s ease-out; -o-transition:width 0.5s ease-out; transition:width 0.5s ease-out; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;} .accordver div{padding:10px;} .accordver h3 {font-size: 25px;font-weight: 300;} .accordver:hover li{width:10%;} .accordver li:hover{width:60%;} .slide-01 { background:#2b335d; color:white; } .slide-02 { background:#1f2750; color:white; } .slide-03 { background:#2d376d; color:white;} .slide-04 { background:#2b3361; color:white; } .slide-05 { background:#38406d; color:white; } #vertical{height:450px;} #vertical li{float:none;height:20%;width:100%; -moz-transition:height 0.5s ease-out; -webkit-transition:height 0.5s ease-out; -o-transition:height 0.5s ease-out; transition:height 0.5s ease-out;} #vertical:hover li{height:10%;width:100%;} #vertical li:hover{height:60%;width:100%;} /* Image Slider */ figure { margin: 0; background: #fff;font-weight: 100;} div#captioned-gallery { width: 100%; overflow: hidden;} figure.slider { position: relative; width: 500%;font-size: 0; animation: 30s slidy infinite; } figure.slider figure { width: 20%; height: 500px;display: inline-block; position: inherit;} figure.slider img { width: 100%; height: 100%;/* background-size: cover;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-repeat: no-repeat;background-position: center center; */ } figure.slider figure figcaption { position: absolute; bottom: 0;background: rgba(0,0,0,0.4);color: #fff; width: 100%;font-size: 2rem; padding: .6rem;} @keyframes slidy { 0% { left: 0%; } 20% { left: 0%; } 25% { left: -100%; } 45% { left: -100%; } 50% { left: -200%; } 70% { left: -200%; } 75% { left: -300%; } 95% { left: -300%; } 100% { left: -400%; } } /* figure.slider { position: relative; width: 500%;font-size: 0; animation: 30s slidy infinite; } figure.slider figure { width: 20%; height: auto;display: inline-block; position: inherit; } figure.slider img { width: 100%; height: auto; } figure.slider figure figcaption { position: absolute; bottom: 0;background: rgba(0,0,0,0.4);color: #fff; width: 100%;font-size: 2rem; padding: .6rem; } */ @media only screen and (max-width: 800px) {figure.slider figure {height:auto;} } @media only screen and (min-width: 2000px) {figure.slider figure {height:auto;} } /* Stats */ .stats {background:#1fa67a;text-align: center;color: #fff;} .stats .one,.stats .two, .stats .three, .stats .four {float: left;width: 25%;padding: 3% 0 1%;} .stats .fa {font-size: 30px} .stats p {line-height: 0;font-size: 30px;} /* Tab */ .tab_main {background:#4CAF50;padding: 1% 0;} .tab_main h3 {text-align: center;text-transform: uppercase;padding: 0 0 1% 0; font-size: 30px;color: #fff;} .cctabs {width: 100%;min-height: 400px;} .cctabs input[type="radio"] {opacity: 0;display: none;} .cctabs .fa{margin-right:10px;} .cctabs label {color: #000;cursor: pointer;float: left;margin-right: 2px;padding: 1.5% 7%;font-size:16px;font-weight:bold;} .cctabs label:hover {background: #f5f5f5;} .cctabs input:checked + label {background: #fff;color: #607D8B;} .cctabs input:nth-of-type(1):checked ~ .panels .panel:first-child, .cctabs input:nth-of-type(2):checked ~ .panels .panel:nth-child(2), .cctabs input:nth-of-type(3):checked ~ .panels .panel:nth-child(3), .cctabs input:nth-of-type(4):checked ~ .panels .panel:last-child {opacity: 1;-webkit-transition: .3s;-moz-transition:.3s;z-index:999;} .cctabs .panels {float: left;clear: both;position: relative;width: 100%;background: #fff;} .cctabs .panel {width: 100%;opacity: 0;position: absolute;background: #fff;padding: 4%;box-sizing: border-box;} /* Carousel */ .css-slider-wrapper {display: block;background: #FFF;overflow: hidden;position: relative;left: 0;right: 0;top: 0;bottom: 0;height: 850px;} .slider {width: 100%;height: 100%;background: red;position: absolute;left: 0;top: 0;opacity: 1;z-index: 0;display: flex;display: -webkit-flex;display: -ms-flexbox;flex-direction: row;flex-wrap: wrap;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;align-content: center;-webkit-transition: -webkit-transform 1600ms;transition: -webkit-transform 1600ms, transform 1600ms;-webkit-transform: scale(1);transform: scale(1);} .slide1 {background: #00bcd7;left: 0;background-image: url(assets/images/banner.jpg);background-size: cover;background-position: center center; background-repeat: no-repeat;} .slide2 {background: #009788;left: 100%;background-image: url(assets/images/banner2.jpg);background-size: cover;background-position: center center; background-repeat: no-repeat;} .slide3 {background: #ff5608;left: 200%;background-image: url(assets/images/banner3.jpg);background-size: cover;background-position: center center; background-repeat: no-repeat;} .slide4 {background: #607d8d;left: 300%;background-image: url(assets/images/banner4.jpg);background-size: cover;background-position: center center; background-repeat: no-repeat;} .slider > div {text-align: center;} .slider h3 {color: #fff;font-weight: 300;text-transform: uppercase;font-size: 35px;line-height: 120%;opacity: 0;-webkit-transform: translateX(500px);transform: translateX(500px);} .slider .button {color: #fff;padding: 5px 50px;background: rgba(255,255,255,0.3);text-decoration: none;opacity: 0;font-size: 15px;line-height: 30px;display: inline-block;-webkit-transform: translateX(-500px);transform: translateX(-500px);} .slider h3, .slider .button {-webkit-transition: opacity 800ms, -webkit-transform 800ms;transition: transform 800ms, opacity 800ms;-webkit-transition-delay: 1s; /* Safari */transition-delay: 1s;} /* Next and previous button */ .control {position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;z-index: 55;} .control label {z-index: 0;display: none;text-align: center;line-height: 50px;font-size: 50px;color: #FFF;cursor: pointer;opacity: 0.2;} .control label:hover {opacity: 0.5;} .next {right: 1%;} .previous {left: 1%;} /* Slider pagination */ .slider-pagination {position: absolute;bottom: 20px;width: 100%;left: 0;text-align: center;z-index: 1000;} .slider-pagination label {width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: rgba(255,255,255,0.2);margin: 0 2px;border: solid 1px rgba(255,255,255,0.4);cursor: pointer;} /* Slider control active css */ .slide-radio1:checked ~ .next .numb2, .slide-radio2:checked ~ .next .numb3, .slide-radio3:checked ~ .next .numb4, .slide-radio2:checked ~ .previous .numb1, .slide-radio3:checked ~ .previous .numb2, .slide-radio4:checked ~ .previous .numb3 {display: block;z-index: 1} .css-slider-wrapper input[type="radio"] {display: none;} /* Slider pagination active css */ .slide-radio1:checked ~ .slider-pagination .page1, .slide-radio2:checked ~ .slider-pagination .page2, .slide-radio3:checked ~ .slider-pagination .page3, .slide-radio4:checked ~ .slider-pagination .page4 {background: rgba(255,255,255,1)} /* css for sliding effect when you click on control button*/ .slide-radio1:checked ~ .slider {-webkit-transform: translateX(0%);transform: translateX(0%);} .slide-radio2:checked ~ .slider {-webkit-transform: translateX(-100%);transform: translateX(-100%);} .slide-radio3:checked ~ .slider {-webkit-transform: translateX(-200%);transform: translateX(-200%);} .slide-radio4:checked ~ .slider {-webkit-transform: translateX(-300%);transform: translateX(-300%);} .slide-radio1:checked ~ .slide1 h3, .slide-radio2:checked ~ .slide2 h3, .slide-radio3:checked ~ .slide3 h3, .slide-radio4:checked ~ .slide4 h3, .slide-radio1:checked ~ .slide1 .button, .slide-radio2:checked ~ .slide2 .button, .slide-radio3:checked ~ .slide3 .button, .slide-radio4:checked ~ .slide4 .button {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1} @media only screen and (max-width: 767px) { .slider h3 {font-size: 20px;} .slider > div {padding: 0 2%} .control label {font-size: 35px;} .slider .button {padding: 0 30px;} } .home .footer-widget .widget {float: left;width: 20%;} /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer-widget {background:#1a1a1a; } .footer-widget .widget {float: left;width: 20%;margin: 5% 1% 5% 4%;color: #999;} .footer-widget a {text-decoration: none;} .footer-widget .widget ul {text-decoration: none;list-style: none;} .footer-widget .widget a {color: #bbb;font-size: 13px;} .footer-widget .widget a:hover {color: #4F88A2;} .footer-widget h2 {text-align: center;font-size: 20px;font-weight: 300;} .site-footer {clear: both;text-align: center;background:#242526;color: #eee;list-style: none;padding: 10px 0;width: 100%;position:relative;} .site-footer a {color: #eee;text-decoration: none;} #colophon {clear: both;} .footer-widget .widget p {font-size: 13px;} .bottom_bar {padding:5px;background: #333;text-align: center;} .bottom_bar .fa {width: 35px;vertical-align: middle;line-height: 2;color: #fff;height: 35px;background: rgba(34, 34, 34, 0.62);border-radius: 5px;} .bottom_bar i.fa.fa-facebook:hover {background: #3b5998;color: #fff;} .bottom_bar i.fa.fa-twitter:hover {background:#1da1f2;} .bottom_bar i.fa.fa-google-plus:hover {background:#db4437 ;} .bottom_bar i.fa.fa-linkedin:hover {background:#1b85bd ;} .bottom_bar i.fa.fa-pinterest:hover {background:#bd081c ;} .bottom_bar i.fa.fa-youtube:hover {background:#e62117 ;} .bottom_bar i.fa.fa-vimeo:hover {background:#00adef ;} .bottom_bar i.fa.fa-instagram:hover {background:#eb4750 ;} .site-info {font-size: 12px;} /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px; overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft {display: inline;float: left;margin-right: 1.5em;} .alignright {display: inline;float: right;margin-left: 1.5em;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before, .comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {content: "";display: table;} .clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after, .site-footer:after {clear: both;} .clearfix {content: "";display: block;height: 0;clear: both;visibility: hidden;} /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget {margin: 0 0 5em;} /* Make sure select elements fit in widgets. */ .widget select {max-width: 100%;font-size: 12px;} /* Search widget. */ .widget_search .search-submit {display: none;} #wp-calendar caption {margin: 0 0 5% 0;} .search #secondary {margin: 5%;} .search #secondary ul {list-style: none;} .search #secondary a {text-decoration: none;color: #777;} .search .entry-title a {text-decoration: none;color: #777;} .tagcloud a {font-size: 12px;} /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky {display: block;} .hentry {margin: 0 0 1.5em;} .byline,.updated:not(.published) {display: none;} .single .byline,.group-blog .byline {display: inline;} .page-content,.entry-content,.entry-summary {margin: 1.5em 0 0;} .page-links {clear: both;margin: 0 0 1.5em;} /*-------------------------------------------------------------- ## No Sidebar page --------------------------------------------------------------*/ #primary {padding: 5% 5% 5% 5%;word-wrap: break-word;} .nosidebar-entry-header {text-align: center;padding: 0 0 5% 0;} .nosidebar-entry-header h1 {color: #555;font-size: 300%;font-weight: 300;} .nosidebar-entry-footer a,#left-sidebar-main .entry-footer a,#right-sidebar-main .entry-footer a, #blog-main .entry-footer a {color: #999;border: 1px solid #ddd;text-decoration: none;padding: 5px 15px;} .nosidebar-entry-footer a:hover, #left-sidebar-main .entry-footer a:hover, #right-sidebar-main .entry-footer a:hover,#blog-main .entry-footer a:hover {color: #fff;background: #486B89;border: 1px solid #486B89;} .nosidebar-featured-image {margin-bottom: 20px;overflow: hidden;} .nosidebar-featured-image img {background-size: cover;background-position: center center;} .nosidebar-entry-content p, .right-sidebar-entry-content p, .left-sidebar-entry-content p {line-height: 2em; font-size: 14px;} .bottom-line {background:#666 none repeat scroll 0% 0%;} #main p.form-submit {margin-bottom: 50px;} .nosidebar-entry-content-only p {font-size: 14px;} /*-------------------------------------------------------------- ## Blank page --------------------------------------------------------------*/ .blank-entry-content-only { padding: 0; margin: 0;} #blank-page {padding: 0; margin: 0;} .blank-page .entry-header {text-align: center;} #blank-page .hentry {margin: 0;} /*-------------------------------------------------------------- ## Single Post --------------------------------------------------------------*/ #post-main .right-sidebar-widget {float: right;width: 30%;margin-top: 1%;} #post-main .left-sidebar-widget {float: left;width: 30%;margin-top: 1%;margin-right: 5%;} #post-main article {float: left;width: 60%;} #post-main .entry-content a {text-decoration: none;} #post-main .entry-content p {font-size: 15px;} #post-main .post-full-width {float: none;width: 100%;text-align: center;} #post-main .edit-link {border: 1px solid #eee;padding: 3px 5px;border-radius: 2px;font-size: 13px} #post-main .nav-links .nav-previous {text-align: left;border: 1px solid #eee;padding: 15px 15px;float: left;width: 50%;font-size: 13px;} #post-main .nav-next {border: 1px solid #eee;padding: 10px 15px;float: left;width: 50%;text-align: right;} #post-main .nav-previous:hover, #post-main .nav-next:hover {background: #f5f5f5;} .post-navigation {padding: 40px 0;} .post-navigation a {color: #333;text-decoration: none;font-weight: 300;} .post-navigation a:hover{color: #4169E1;} .post-navigation {clear: both;} .entry-meta a {color: #26A9AE;text-decoration: none;font-weight: bold;} .entry-title {font-size: 250%;color: #333;font-weight: 300;} .post .entry-meta {font-size: 13px;} .entry-content {line-height: 2em;} .entry-footer a {color: #666;text-decoration: none;font-size: 13px;} .entry-footer {margin: 2% 0 1% 0;} .cat-links a {margin: 0 5px 0 0px ;font-weight: bold;} .tags-links a {margin: 0 5px 0 0px ;border: 1px solid #eee;background: #eee;color: #666;padding: 1px 5px;font-size: 15px;border-radius: 5px;} .tags-links a:before {content: "\f02b";font-family: "FontAwesome";margin-right: 6px;padding-left: 2px;} .tags-links a:hover {background: #f5f5f5;} #cat-main .nav-previous, .nav-next {border: 1px solid #eee;padding: 10px 0;} #cat-main .nav-previous:hover, #cat-main .nav-next:hover {background: #f5f5f5;} #cat-main .nav-links .nav-previous {text-align: left;border: 1px solid #eee;padding: 10px 15px;float: left; width: 50%;} #cat-main .nav-next {border: 1px solid #eee;padding: 10px 15px;float: left;width: 50%;text-align: right;} #cat-main .nav-previous:hover, #cat-main .nav-next:hover {background: #f5f5f5;} #cat-main .nav-links a {color: #00b9eb;font-weight: bold;} .nav-previous::before {content: "\f100";font-family: "FontAwesome";color: #666;margin-right: 5px;} .nav-next::after {content: "\f101";font-family: "FontAwesome";color: #666;margin-left: 5px;} .post-full-width-centered {float: none !important;width: 100% !important;text-align: justify;padding: 0 17%;} .post-full-width-centered .entry-title {font-size: 300%;font-weight: 300;} .post-full-width-centered .entry-header {text-align: center;} .post-full-width-centered .entry-meta a {color: #777;} /*-------------------------------------------------------------- ## Left Sidebar Page --------------------------------------------------------------*/ #left-sidebar-main article {float: right;width: 60%;margin: 0 0 5% 0;text-align: justify;font-size: 14px;} div.left-sidebar-widget{float: left;width: 25%;margin-top: -15%;margin-left: 5%;} #left-sidebar-main .entry-header, #right-sidebar-main .entry-header {text-align: center;padding: 0 0 0 0;color: #666;} .left-sidebar-featured-image {margin-bottom: 25px;overflow: hidden;} .left-sidebar-featured-image img , .right-sidebar-featured-image img {max-height: 100%;max-width: 100%;background-size: cover;background-position: center center;} .left-sidebar-widget h2, .right-sidebar-widget h2 {text-align: left;color: #666;border-bottom: 1px solid #666;padding: 0 0 15px;font-weight: 300;} .left-sidebar-widget a, .right-sidebar-widget a {color: #777;text-decoration: none;margin: 2% 0;font-size: 14px;} .left-sidebar-widget ul, .right-sidebar-widget ul {list-style: none;} .left-sidebar-widget li, .right-sidebar-widget li {margin: 2% 0;} .left-sidebar-widget a:hover, .right-sidebar-widget a:hover {color: #1687B6;} .left-sidebar-widget .search-field {margin-left: 80px;} #left-sidebar-main #comments {text-align: left;} /*-------------------------------------------------------------- ## Right Sidebar Page --------------------------------------------------------------*/ #right-sidebar-main article {float: left;width: 60%;margin-right: 7%;text-align: justify;font-size: 14px;} #right-sidebar-main .entry-header {text-align: left;} div.right-sidebar-widget{float: left;width: 25%;margin-top: -16%;} .right-sidebar-widget .search-field {margin-left: 80px;} #right-sidebar-main #comments {text-align: left;} #respond .submit {margin-bottom: 5%;} /*-------------------------------------------------------------- ## Center Condensed Page --------------------------------------------------------------*/ .site-main-condensed {padding: 0 17%;} .site-main-condensed .entry-title {font-weight: 300;font-size: 320%;color: #555;} .site-main-condensed .nosidebar-entry-content-condensed {font-size: 15px; line-height: 2;} .site-main-condensed .nosidebar-entry-header-condensed {text-align: center;} /*-------------------------------------------------------------- ## Content Only Page --------------------------------------------------------------*/ .site-main-content-only {padding: 5% 10%;} /*-------------------------------------------------------------- ## Author Page --------------------------------------------------------------*/ .author-section {text-align: left;padding: 5%;word-wrap: break-word;float: left;width: 70%;} .author-section ul {list-style: none;text-align: left;list-style-type: none;} .author-section ul a {text-decoration: none;} .author-section ul a:hover {color: #2666AE;} .author-short-bio img {border-radius: 50%;} .author-short-bio {text-align: center;} .author-short-bio h2 {font-weight: 300;} .author-short-bio dt {font-weight: 300;} .author-section h2 {font-weight: 300;font-size: 20px;} .author-section .read-more {float: right;border-bottom: 1px solid #00b9eb;padding: 7px 15px;border-right: 1px solid #00b9eb;font-size: 12px;} .author-section .read-more a {color: #00b9eb;} .author .right-sidebar-widget {margin-top: 5%;margin-left: 2%;} .author-postmeta-wrap {color: #666;font-size: 15px;padding: 2% 0;} .author-postmeta-wrap a {color: #00CCEB;} .author-short-bio {text-align: center;} div.author-short-bio a {text-decoration: none;color: #D54141;} div.author-short-bio dd {line-height: 2em;} div.author-section li {margin: 0 0 15% 0;} .author-section ul li p {font-size:12px; } /*-------------------------------------------------------------- ## Home.php page --------------------------------------------------------------*/ .home #page {background: rgba(0, 185, 235, 0.08);color: #777;} .home-wrapper:nth-child(odd) {background: #4CAF50;direction: rtl;} .home-wrapper:nth-child(odd) .home-post-photo {float: left; width: 60%;} .home-wrapper:nth-child(odd) .home-post-others {float: left; width: 40%;} .home-wrapper:nth-child(even) .home-post-photo {float: right; width: 60%;} .home-wrapper:nth-child(even) .home-post-others {float: right; width: 40%;} .home-wrapper:nth-child(even) {background: #2666ae;direction: rtl;} .home-wrapper:nth-child(even) .home-post-others {direction: ltr;} .home-list-wrapper img {vertical-align: top;width: 100%;} .home-post-photo {width: 60%;} .home-post-others {padding: 2%;} .home-list-wrapper a {color: #fff;text-decoration: none;} .home-post-others .postinfo a {color: #eee !important;} .home-post-others .postinfo .fa-calendar, .fa-user, .fa-th-list {color: #fff;} .home-post-others .postinfo .fa-th-list, .home-post-others .postinfo .catag_list, .home-post-others .postinfo .post-author, .home-post-others .postinfo .fa-user {display: none;} .home-post-title h3 {font-size: 30px;padding-bottom: 0;margin-bottom: 5px;font-weight: 300;} .home-post-others .post-meta-wrapper .postinfo .fa-calendar, .home-post-others .post-meta-wrapper .postinfo .comm_date {font-size: 12px;} .home-wrapper:nth-child(odd) .home-post-others p {font-size: 15px;padding-bottom: 5%;direction: ltr; padding-left: 20%;padding-top: 10%;color: rgba(255, 255, 255, 0.73);} .home-wrapper:nth-child(even) .home-post-others p {font-size: 15px;padding-bottom: 10%;padding-top: 10%;color: rgba(255, 255, 255, 0.73);} .home-post-others .continue-reading a {border: 1px solid #fff;padding: 7px 12px;} .home-post-others .continue-reading a:hover {color: #333;background: #fff;transition: .5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-o-transition:.5s ease all;} .home .blog-pagination a:last-child {color: #fff;float: none;} .home .blog-pagination {text-align: center;} .home .blog-pagination a {background: #9E9E9E;border:2px solid #999;padding: 11px 44px;color: #fff;} .home .blog-pagination a:hover {background: #fff;color:#333;border: 2px solid #fff;} /*-------------------------------------------------------------- ## Blog Page --------------------------------------------------------------*/ #blog-main .entry-header {text-align: center;margin-bottom: 10%;} #blog-main .entry-footer {padding-bottom: 2%;} .blog-wrapper {clear: both;} .blog-list-wrapper {clear: both;float: left;width: 75%;} .blog-right-sidebar-widget {float: left;width: 20%;} .blog-post-photo {float: left;width: 30%;margin-bottom: 25px;overflow: hidden;height: auto;} .blog-post-photo img {max-width: 100%;height: auto;vertical-align: bottom;} .blog-post-others {float: left;width: 50%;margin-left: 5%;} .blog-post-title a {color: #555;font-weight: 300;text-decoration: none;font-size: 20px; } .blog-right-sidebar-widget h2 {text-align: left;color: #555;border-bottom:1px solid #9E9E9E;padding: 0 0 15px;font-weight: 300;} .blog-right-sidebar-widget a {color: #777;text-decoration: none;margin: 2% 0;font-size: 13px;} .blog-right-sidebar-widget ul {list-style: none;} .blog-right-sidebar-widget li {margin: 2% 0;} .blog-right-sidebar-widget a:hover {color: #1687B6;} .blog-post-others .continue-reading {float: right;border-bottom: 1px solid #ececec;border-right: 1px solid #ececec;margin-bottom: 5%;font-size: 11.5px;} .blog-post-others .continue-reading a {color: #777;padding: 0 3px 3px 0;text-decoration: none;} .blog-post-others .continue-reading a:hover {color: #489AE1;} .right-blog-post-others a {text-decoration: none;color: #555;font-size: 25px;font-weight: 300;} .right-blog-post-others .post-meta-wrapper a {font-size: 12px;} .right-blog-post-others p {font-size: 12px;padding: 2% 0;} .blog-post-others .catag_list, .right-blog-post-others .catag_list {display: inline;} .blog-post-others a {text-decoration: none;} .blog-post-others .post-meta-wrapper {font-size: 12px;text-decoration: none;} .blog-post-others p {font-size: 12px;} .blog-post-others .catag_list a, .right-blog-post-others .catag_list a {color: #777;margin-left: 5px;} .blog-pagination {clear: both;padding: 8% 0;} .blog-pagination a {color: #888;text-decoration: none;} .blog-pagination a:hover {color: #4169E1;} .blog-pagination a:last-child{float: right;} .right-blog-wrapper {clear: both;} .right-blog-post-photo {float: right;width: 35%;margin-bottom: 5%;overflow: hidden;height: auto;} .right-blog-post-photo img {height: auto;max-width: 100%;vertical-align: bottom;} .right-blog-post-others {float: left;width: 60%;margin-right: 1%;text-align: right;margin-top: 2%;} .right-blog-post-others .continue-reading {float: left;border-bottom: 1px solid #ececec;border-left: 1px solid #ececec;margin-bottom: 5%;margin-top: 3%;} .right-blog-post-others .continue-reading a {color: #777;padding: 0 0 3px 3px;font-size: 14px;} .right-blog-post-others .continue-reading a:hover {color: #489AE1;} .blog-pagination a {color: #888;text-decoration: none;border: 2px solid #eee;padding: 1% 4%;background: #eee;} .right-blog-pagination {padding: 5% 0 3%;} .right-blog-pagination a {color: #888;text-decoration: none;border: 2px solid #eee; padding: 1% 4%; background: #eee;} .right-blog-pagination a:hover {background: #f9f9f9;} .right-blog-pagination a:last-child {float: right;} .blog-pagination a:hover {background: #f9f9f9;} .nblog-sidebar {float: left;width: 25%;padding: 0 2% 2%;background: rgba(76, 175, 80, 0.09);} .nblog-sidebar ul {list-style: none;} .nblog-sidebar a {text-decoration: none;color: #607D8B;font-size:13px; } .nblog-sidebar a:hover {color: #00BCD4;} .page-template-blog #content {background: rgba(76, 175, 80, 0.09);} .page-template-blog .home-post-photo img {vertical-align: bottom;width: 100%;} .page-template-blog .blog-list-wrapper a {text-decoration: none;color: #fff;font-weight: 300;} .page-template-blog .blog-list-wrapper p {color: #eee;} .page-template-blog .blog-pagination a:last-child {color: #888;} .page-template-blog .blog-pagination a:last-child {float: none;padding: 15px 30px;} .page-template-blog .blog-pagination {text-align: center;margin: 5%;} .page-template-blog .entry-header {text-align: center;} .page-template-blog .entry-header .entry-title {padding: 2%;font-weight: 300;} .page-template-blog .entry-header .entry-footer {display: none;} .nblog-sidebar .widget-title {font-weight: 300;} .nblog-sidebar .widgettitle {font-weight: 300;} /*-------------------------------------------------------------- ## Category Page --------------------------------------------------------------*/ #cat-main .page-header {text-align: center;} #cat-main .page-header h1 {font-weight: 300;} .cat-entry-content {float: left;width: 48%;text-align: center;margin:0 1% 5%;} .cat-entry-content img {height: auto;max-width: 400px;overflow: hidden;} .cat-entry-content h2 {height: 40px;} .cat-entry-content h2 a {text-decoration: none;color: #00b9eb;font-weight: 300;} .cat-entry-content h2 a:hover {color: #489AE1;} #cat-main .nav-links a {text-decoration:none;} #cat-main nav.navigation.posts-navigation {clear: both;} /*-------------------------------------------------------------- ## 404 page -------------------------------------------------------------*/ #error-main .page-title {text-align: center;font-size: 280px;color: #8f3c35;line-height: 0;font-weight: 300;} #error-main .page-content p {text-align: center;font-size: 20px;} #error-main .page-content .search-form {text-align: center;} #error-main .page-content .search-form input.search-field {font-size: 40px;padding: 0 20px;} #error-main .page-content .search-form .search-submit {font-size: 165%;background: #25B6E6 none repeat scroll 0% 0%;color: #FFF;box-shadow: none;margin-bottom: 10%;line-height: 33px;text-transform: uppercase;padding: 20px 30px 10px;} #error-main .widget {float: left;width: 25%;} #error-main .widget ul {list-style: none;} .error404 .site-footer {margin-top:5%; } #error-main .widget h2 {text-align: center;color: #555;font-size: 20px;font-weight: 300;} #error-main .widget a {color: #666;text-decoration: none;font-size: 14px;} #error-main .widget a:hover {color: #25B6E6;} /*-------------------------------------------------------------- ## Search Page --------------------------------------------------------------*/ #search-main {text-align: center;} #search-main .page-content .search-form .search-submit {font-size: 165%;background: #25B6E6 none repeat scroll 0% 0%;color: #FFF;box-shadow: none;margin-bottom: 10%;line-height: 42px;text-transform: uppercase;} #search-main .page-content .search-form input.search-field {font-size: 20px;padding: 24px 25% 15px 10px;} .search #secondary .widget {float: left;width: 25%;text-align: center;} /*-------------------------------------------------------------- ## Index page --------------------------------------------------------------*/ #index-main .entry-title a {text-decoration: none;color: #777;} #index-main .entry-title a:hover {color: #2666AE;} #index-main article a {text-decoration: none;} #index-main .edit-link {display: none;} #index-main .entry-footer {margin-bottom: 10%;} .home #secondary .widget {float: left;width: 20%;} .home #secondary .widget ul {list-style: none;} .home #secondary .widget a {text-decoration: none;color: #666;} .home #secondary .widget a:hover {color: #2666AE;} .home #secondary .widget h2 {text-align: center;} #index-main .nav-links .nav-previous {text-align: left;border: 1px solid #eee;padding: 10px 15px;float: left;width: 50%;} #index-main .nav-next {border: 1px solid #eee;padding: 10px 15px;float: left;width: 50%;text-align: right;} #index-main .nav-previous:hover, #index-main .nav-next:hover {background: #f5f5f5;} #index-navigation {padding: 40px 0;} #index-navigation a {color: #00b9eb;text-decoration: none;font-weight: bold;} #index-navigation a:hover{color: #4169E1;} #index-main .nav-links a {text-decoration: none;} /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title,.archive .format-aside .entry-title {display: none;} /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a {word-wrap: break-word;} .comment-content p {font-size: 13px;} .bypostauthor {display: block;} span.bottom-line {width: 40px;height: 2px;display: block;margin-bottom: 20px;} #comments {margin: 0 5%;} .comment-metadata a {color: #777;text-decoration: none;font-size: 14px;} .comment-metadata .edit-link {border:1px solid #eee;text-align: center;margin-left: 30px;padding: 5px 10px; border-radius: 5px;} .comment-metadata .edit-link a:hover {color: #999;} .comment-body:hover .reply a {visibility: visible;} .reply a {color: #777;text-decoration: none;color: #00b9eb;font-weight: bold;} .reply a:hover {color: #2666AE;} .comment-body {margin: 30px 0;} .logged-in-as a {color: #555;text-decoration: none;font-weight: bold;font-size: 13px;} .logged-in-as a:hover {color: #666;} .comment-author.vcard a {color: #666;text-decoration: none;font-size: 15px;} .comment-author.vcard a:hover {color: #2666AE;} #reply-title {font-size: 20px;font-weight: 300;} .comments-title {font-weight: 300;} .reply a {color: #777;font-size: 13px;} /*-------------------------------------------------------------- # Post Meta --------------------------------------------------------------*/ .post-meta-wrapper {padding: 0% 0 3%;} a.comm_date.post-date.updated {display: inline-block;margin: 0 5px 0 5px;color: #777;} a.vcard.author.post-author {margin: 0 15px 0 5px;text-decoration: none;color: #777;} .fa-calendar, .fa-user, .fa-th-list {color: #777;font-family: FontAwesome;font-style: normal;} /*-------------------------------------------------------------- # Shortcodes Styling --------------------------------------------------------------*/ .tar-quote {line-height: 1;} .quote-author {line-height: 0;font-size: 20px;} .tar-dropcap {float: left;} .pdf {text-decoration: none;color: blue;} .paypal_donate {padding: 2% 4%;border-radius: 5px;text-align: right;color: #2e3192;text-decoration: none; text-align: center;background:#0070ba; background: -webkit-linear-gradient(#FFF, #FEE1A5 50%, #FFB829 51%, #FEE1A5 95%, #FEE1A5); background: -o-linear-gradient(#FFF, #FEE1A5 50%, #FFB829 51%, #FEE1A5 95%, #FEE1A5); background: linear-gradient(#FFF, #FEE1A5 50%, #FFB829 51%, #FEE1A5 95%, #FEE1A5);; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; border-bottom: 1px solid #FFF;border-top: 1px solid #FFB829;border-left: 1px solid #FEE1A5;border-right: 1px solid #FEE1A5;text-shadow: 0px 1px 1px white; -moz-box-shadow: 0 1px 3px #777; -webkit-box-shadow: 0 1px 3px #777; box-shadow: 0 1px 3px #777;font: italic bold 18px/32px helvetica, arial;} a.paypal_donate {color: #fff;} .paypal_donate:hover {opacity: 0.8;} .gitfollow { font-weight: 700;font-size: 13px;color: black;text-shadow: 0 1px 1px #ccc;padding: 5px 5px;text-decoration:none;font:bold Arial,Helvetica,sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0px 0px 1px #666; -webkit-box-shadow: 0px 0px 1px #666; box-shadow: 0px 0px 1px #666; background: -moz-linear-gradient(top, #eee 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#e5e5e5', GradientType=0 ); text-shadow: 0 1px 0 rgba(255,255,255,.9);background-color: #eee;} a.gitfollow {color: black;} .gitfollow:hover {background:#ddd;border-color: #ccc;} i.fa.fa-github {color:black;font-size: 25px;vertical-align: middle;margin-right: 5px;} .checklist ul {margin-left:50px;list-style:none!important;} .checklist ul li{padding:5px 5px 5px 30px;background:red;list-style-type: upper-roman ;} .tar_list_ul { list-style-type: square !important; color:#686868; font-family: "Lucida Sans",Arial,sans-serif; font-size:14px; } .internoeticscross ul {margin-left:50px;list-style:none!important} .internoeticscross ul li{list-style-type: none;padding:5px 5px 5px 30px;background: red;} .tar_list_one {list-style-type: square; color:#686868; font-family: "Lucida Sans",Arial,sans-serif; font-size:14px;} .tar-button {text-shadow: none;box-shadow: none;border: none;position: relative; display: inline-block;} a.tar-button {text-decoration: none;} a.tar-button:hover {opacity: .8;transition: ease all .7s;} .tar-button span {display: none;} /*tooltip*/ .tar-tooltip span {display:none;} a.tar-tooltip {text-decoration: none;color: #555;cursor: help;border-bottom: 1px solid #eee;} a.tar-tooltip:hover {border-bottom: 1px solid #00b9eb;transition: ease all .8s;} /* ------- Fluid Columns ------- */ .two_column{ width:48%; } .three_column{ width:30.66%; } .four_column{ width:22%; } .five_column{ width:16.8%; } .six_column{width:13%;} .twothird_column {width: 60%} .onethird_column {width: 20%} .two_column,.three_column,.four_column,.five_column,.six_column, .twothird_column, .onethird_column { position:relative; margin-right:4%; float:left; text-align: justify; } .last{ margin-right:0 !important; clear:right; text-align: justify;} .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} .two_column_last, .three_column_last, .four_column_last, .five_column_last{text-align: justify;line-height:2;} .four_column_last {float: left;width: 22%;} .six_column_last {line-height: 2.4;text-align: justify;} .twothird_column_last, .onethird_column_last {text-align: justify; } .internoeticscross ul {margin-left:50px;list-style:none!important} .internoeticscross ul li{list-style-type: none;padding:5px 5px 5px 30px;background: #fff no-repeat center left;} .internoeticstick ul {margin-left:50px;list-style:none!important} .internoeticstick ul li{list-style-type: none;padding:5px 5px 5px 30px;background: #fff no-repeat center left;} /*-------------------------------------------------------------- # Social Icon Widget --------------------------------------------------------------*/ .widget_social_icon_widget {text-align: center;} .widget_social_icon_widget .fa {font-size: 30px;padding: 0 5px;} .widget_social_icon_widget .fa:hover {opacity: .7;} .widget_social_icon_widget i.fa.fa-twitter{color:#1da1f2;} .widget_social_icon_widget i.fa.fa-facebook{color:#3b5998;} .widget_social_icon_widget i.fa.fa-instagram{color:#eb4750;} .widget_social_icon_widget i.fa.fa-youtube{color:#e62117;} .widget_social_icon_widget i.fa.fa-google-plus{color:#db4437;} .widget_social_icon_widget i.fa.fa-pinterest{color:#bd081c;} /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer {display: block;} /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley { border: none;margin-bottom: 0;margin-top: 0;padding: 0;} /* Make sure embeds and iframes fit their containers. */ embed,iframe,object {max-width: 100%;} /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption {margin-bottom: 1.5em;max-width: 100%;} .wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;} .wp-caption .wp-caption-text {margin: 0.8075em 0;} .wp-caption-text {text-align: center;} /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery {margin-bottom: 1.5em;} .gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;} .gallery-columns-2 .gallery-item {max-width: 50%;} .gallery-columns-3 .gallery-item {max-width: 33.33%;} .gallery-columns-4 .gallery-item {max-width: 25%;} .gallery-columns-5 .gallery-item {max-width: 20%;} .gallery-columns-6 .gallery-item {max-width: 16.66%;} .gallery-columns-7 .gallery-item {max-width: 14.28%;} .gallery-columns-8 .gallery-item {max-width: 12.5%;} .gallery-columns-9 .gallery-item {max-width: 11.11%;} .gallery-caption {display: block;} /*-------------------------------------------------------------- # Scroll To Top --------------------------------------------------------------*/ i.fa.fa-chevron-up{padding:10px; display: none;background: transparent;border: 1px solid #555;font-weight: bold;color: #555;position:fixed;border-radius: 100%;bottom:50px;right:20px;} i.fa.fa-chevron-up:hover{background: rgba(255,255,255, 0.4);background: #DFF0F3;} /*-------------------------------------------------------------- # Plugin Integration --------------------------------------------------------------*/ #breadcrumbs a {text-decoration: none;color: #349934;} #breadcrumbs a:hover {opacity: .6;} .breadcrumbs a {text-decoration: none;color: #349934;} .breadcrumbs a:hover {opacity: .6;} /*bbpress styling*/ .bbp-breadcrumb a {text-decoration: none;color: #588ad5;} #subscription-toggle a {text-decoration: none; color: #588ad5;} #bbp_topic_submit {border:none;box-shadow: none;border-radius: 0;background: #1f9bd5;text-shadow: 0 0 0 rgba(0, 0, 0, 0);line-height: 2;padding: 7px 24px;color: #fff;text-transform: uppercase;} #bbp_topic_submit:hover {opacity: .7;} .bbp-topic-freshness a {text-decoration: none;color: #279fd7;} .bbp-topic-title a {text-decoration: none;color: #279fd7;} .bbp-topic-tags a {text-decoration: none;color: #2590ba;} .favorite-toggle {text-decoration: none;} .bbp-author-name {text-decoration: none;} /*BuddyPress*/ #latest-update a {text-decoration: none;} .message-search #messages_search_submit {padding: 9px 10px !important;} /*contact form 7*/ .wpcf7 label {color: #666;font-size: 16px;} .wpcf7 input[type="text"], .wpcf7 input[type="email"] {padding: 1% 18% 1% 1%;background: rgba(158, 158, 158, 0.15);border-radius: 0;} .wpcf7 textarea {background: rgba(158, 158, 158, 0.15);} .wpcf7 input[type="submit"] {float: right;border: 0;border-color: none;border-radius: 0;background: #00BCD4;box-shadow: none ;text-shadow: none; font-size: 16px; padding: 1% 3%;color: #fff;} /*ninja form*/ .nf-form-title {font-size: 30px;text-align: center;text-transform: uppercase;} .nf-form-fields-required {font-size: 12px;padding-bottom: 12px;} .nf-field-label label {color: #777;} .ninja-forms-field {background: #eee;} .nf-field-element input[type="button"] {float: right;border: 0;border-color: none;border-radius: 0;background: #00BCD4;box-shadow: none ;text-shadow: none; font-size: 16px; padding: 1% 3%;color: #fff;} /*Fast Secure Contact Form*/ #fscf_required1 {font-size: 12px;padding-bottom: 10px;} #FSContact1 {max-width: 95% !important;} #FSContact1 label {font-size: 18px;color: #777;} #FSContact1 input[type="text"] {max-width: 99% !important;border-radius: 0;background: #eee;border-radius: 0;padding:1% 15%;} #FSContact1 #fscf_div_field1_0, #FSContact1 #fscf_div_field1_1, #FSContact1 #fscf_div_clear1_2 {padding-bottom: 3%;} #FSContact1 #fscf_div_field1_2 {padding-bottom: 3%;} #FSContact1 #fscf_div_field1_3 {max-width: 100% !important;} #FSContact1 textarea {height: auto !important;max-width: 100% !important;background: #eee;} #FSContact1 input[type="submit"] {color: #fff;border:0;border-radius: 0;background: #00BCD4;box-shadow: none;float:right;line-height: 1;text-shadow: none;padding:1.5% 3%;font-size: 15px;} #FSContact1 #fscf_captcha_code1 {padding: 0;width: 10% !important;} /**************** Miscellenous *****************/ li#customize-control-frontpage_order_control input[type="text"] {display: none !important;} .tarsticky {position: fixed;} .home .masthead1 {background: transparent !important;position: absolute !important;} /*monster widget*/ .widget ul {display: inline;} .hide-featured-image {display: none;} div.pro{float: left;padding: 3px 7px 5px 5px;border-radius: 5px;margin-right: 5px;font-weight: bold;color: #fff;background: #00a0d2;} /* Woocommerce sidebar styling */ .woocommerce .type-product,.woocommerce .site-main {float: left;width: 70%;} .woocommerce .right-sidebar-widget {float: left;width: 20%;margin-left: 5%;margin-top: -2%;} .single-product .right-sidebar-widget {margin-top: -4%;} /* feature block CSS hack */ .features-block-wrap .features-block:first-child:nth-last-child(1) { width: 100%;} /* two items */ .features-block-wrap .features-block:first-child:nth-last-child(2), .features-block:first-child:nth-last-child(2) ~ .features-block { width: 48%;} /* three items */ .features-block-wrap .features-block:first-child:nth-last-child(3),.features-block:first-child:nth-last-child(3) ~ .features-block { width: 31%;} .features-block-wrap .feature-block:nth-child(1) {width:100%;} .features-block-wrap .feature-block:nth-child(2) {width:48%;} .features-block-wrap .feature-block:nth-child(3) {width:31%;} /*-------------------------------------------------------------- # Responsive Styling --------------------------------------------------------------*/ @media only screen and (min-width: 320px) and (max-width: 480px) { #masthead {padding:0;margin: 0;} .site-branding {background: none;width: 100%;margin-top: -25px; text-align: center;padding: 25px 0;} #site-navigation {width: 100%;margin: 0;padding:0;} .site-name {float: none;width: 100% !important;} .site-logo {float: none;width: 100%;} #primary-menu {display: none;} .menu-toggle {display: block;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .menu-toggle {display: block;width: 100%;display: inherit;padding: 15px 20px;background: #00b9eb;box-shadow: none;color: white;border: none;text-transform: uppercase;letter-spacing: 2px;text-shadow:none;font-weight: 700;font-size: 20px;} button.menu-toggle {box-shadow: none;} .welcome-text h2 {font-size: 30px !important;} .welcome-text p {font-size: 15px !important;margin-top: 5%;} .welcome-text button {font-size: 100%;margin: 5% 0;} .features-list h4 {font-size: 15px;} .features-list h3 {text-align: center;} .features-block-one, .features-block-two, .features-block-three {width: 100% !important;float: none !important;margin: 10% 0 25%;text-align: justify;} .bottom-call {padding-bottom: 170%;} .call-section-one p {font-size: 22px;text-align: center;padding: 10% 0;} .call-section-one {float: none;width: 100%;} .call-section-one button {margin: 30px 0 30px 80px;} .call-section-two {float: none;width: 100%;} .call-section-two p {font-size: 110%;} .bottom-call {padding-bottom: 15%;} .portfolio p {font-size: 25px;} .portfolio-image {float: none;width: 100%;margin-bottom: 5%;height: 200px;} .frontpage-post {width: 100%;margin: 0;margin-bottom: 15px;height: auto;} .frontpage-post-image {position: relative;overflow: hidden;} .frontpage-post img {max-height: 300px;} .frontpage-post-blog h4 {font-size: 25px;} .frontpage-signup p {font-size: 17px !important;padding: 9% 0 5%;} .frontpage-signup input[type="text"] {width: 100%;padding: 5% 0;margin: 3% 0 10%;} .frontpage-signup input[type="text"]:focus {width: 100%;} .frontpage-signup button {width: 100%;margin: 0;padding: 4% 0;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 10%;word-wrap: break-word;} .home .footer-widget .widget {width: 100%;text-align: left;margin: 0 auto;margin: 5% 1%;} .widget_tag_cloud {padding: 0 5%;} /*single post*/ #post-main .entry-header {font-size: 15px;} #post-main .right-sidebar-widget {float: none;width: 100%;} #post-main article {float: none;width: 100%;text-align: center;} #post-main article p {text-align: justify;} #post-main article .entry-footer {line-height: 50px;} #post-main #respond {margin-bottom: 25%;} #post-main .entry-title {font-size: 200%;} .footer-widget .widget {width: 100%;text-align: left;margin: 0 auto;margin: 5% 1%;} /*right sidebar*/ #right-sidebar-main .entry-title {font-size: 160%;padding: 10% 0 5% 0;} #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*Page with no sidebar*/ #main #respond input[type="submit"] {margin-bottom: 50px;} .nosidebar-entry-content p {text-align: justify;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin:0;padding: 0 5%;} /*about us page*/ .about-us-entry-header h1 {font-size: 65px;} .mission ul {margin: 0;} /*blog page*/ .blog-post-photo {float: none;width: 100%;margin: 0%;} .blog-post-others .postinfo {font-size: 14px;} .blog-post-photo img {width: 100%;height: 300px;} .blog-post-others {float: none;width: 100%;margin: 0;} /*blog page (right) */ .right-blog-post-photo {float: none;width: 100%;} .right-blog-post-others {float: none;width: 100%;margin:0;} /*category page*/ .cat-entry-content {float: none;width: 100%;} /*author page*/ .author-section h2 {text-align: center;} /*error page*/ #error-main .page-title {font-size: 150px;} #error-main .search-form {margin: 0;text-align: center;} #error-main .page-content .search-form input.search-field {font-size: 20px;padding: 5%;} #error-main .page-content .search-form .search-submit {font-size: 20px;line-height: 2;margin-top: 5%;padding: 0% 30%;} #error-main .widget {float: none;width: 95%;} .search #secondary .widget {float: none;width: 95%;} #search-main .page-content .search-form .search-submit {margin-top: 10%;} /*Woocommerce*/ .woocommerce .type-product,.woocommerce .site-main {float: none;width: 100%;} .woocommerce .right-sidebar-widget {float: none;width: 90%;} /*Others*/ i.fa.fa-arrow-up {right: 0px;} .footer-widget {padding: 2%;} /*Front page sections*/ .testimonial-row {float: left;width: 100%;margin:10% 0;padding: 8% 0;} .testimonial-row:last-child {margin: 0;} .testi2-row {float: none !important;width: 100% !important;margin-bottom: 5%;} .testi3-img-wrapper {float: none !important;margin: 0 auto;} .testi3-info {float: none !important ;width: 100% !important;} .f2-row {float: none;width: 100%;} .f3-row {float: none;width: 100%;padding: 4% 0;} .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .cta2-button-wrapper {display: block;} .cta2btndiv {margin-top: 60px;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .txt3_section {padding: 2% 4%;} .txt3_section h3 {float: none;width: 100%;line-height: 1;} .txt3_section p {float: none;width: 100%;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap {float: none !important;width: 100% !important;padding: 5% !important;text-align: center !important;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .cta2 h2 {font-size: 25px;padding-bottom: 15%;} .cta3-wrapper {padding: 2%;text-align: center;} .cta3-wrapper p {padding: 10% 0;} .scta_2_b_wrap {direction: ltr;text-align: center;} .scta_2 h3 {float: none;width: 100%;text-align: center;} .scta_3 {padding: 15% 2%;} .scta_3 h3 {line-height: 1;} .cli_img1, .cli_img2, .cli_img3, .cli_img4{float: none;width: 100%;} .blog-list-wrapper, .blog-right-sidebar-widget {float: none;width: 100%;} .author-section {float: none;width: 100%;} .author-section ul {margin: 0;padding: 0;padding-bottom: 15%;} .team {padding:10% 0;} .tm_one, .tm_two, .tm_three {float: none;width: 100%;padding: 5% 0; text-align:center;} .stats .one,.stats .two, .stats .three, .stats .four {float: none;width: 100%;padding: 5% 0;} .socialbar .fa {padding: 8%;} .txt3_section:before {height: 10%;} /*Top bar*/ .ulone{float: none;width: 100%;text-align: center;} .ultwo{float: none;width: 100%;text-align: center;padding: 2% 0;} .bottom-bar a {padding:0 1%;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} #right-sidebar-main .entry-header {text-align: center;} } @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) { #site-navigation {clear: both;} .site-name {width: 70%;} .site-branding {float: none !important;width: 100% !important;} .welcome-text h2 {font-size: 38px !important;} .frontpage-post {float: none;width: 100%;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin:0;padding: 0 5%;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} #right-sidebar-main article {float: left;width: 60%;margin-right: 7%;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*error page*/ #error-main .page-content .search-form input.search-field{padding: 2% 15%;} .footer-widget .widget {float: none;width: 95%;margin:0 5%;} /*Woocommerce*/ .woocommerce .type-product,.woocommerce .site-main {float: none;width: 100%;} .woocommerce .right-sidebar-widget {float: none;width: 90%;} .footer-widget {padding: 2%;} /* Front Page Sections */ .testi2-row {float: none !important;width: 100% !important;margin-bottom: 5%;} .testi3-img-wrapper {float: none !important;margin: 0 auto;} .testi3-info {float: none !important ;width: 100% !important;} .cta3-img-wrapper {float: none !important;width: 100% !important;} .cta-others {float: none !important;width: 100% !important;} .f2-row {float: none;width: 100%;} .f3-row {float: none;width: 100%;padding: 4% 0;} .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap {float: none !important;width: 100% !important;padding: 5% !important;text-align: center !important;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .scta_3 {padding: 15% 2%;} .cli_img1, .cli_img2, .cli_img3, .cli_img4{float: none;width: 100%;} .tm_one, .tm_two, .tm_three {float: none !important;width: 100% !important;padding: 5% 0; text-align:center;} } @media only screen and (min-width: 481px) and (max-width: 640px) and (orientation:landscape) { #primary-menu {display: none;} .site-branding {float: left;width: 75%;} #site-navigation {float: left;width: 0%;margin: 3% 5% 0 10%;} #primary-menu {display: none;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .menu-toggle {display: block;margin-left: -33px;display: inherit;padding: 15px 20px;background: #00b9eb; box-shadow: none;color: white;border: none;text-transform: uppercase;letter-spacing: 2px;text-shadow:none;font-weight: 700;font-size: 20px;} button.menu-toggle {box-shadow: none;} .frontpage-post {margin: 0;} #post-main .right-sidebar-widget {margin: 15% 0 0 0;} #page .right-sidebar-widget {margin-top: 15%;padding-right: 5%;} #right-sidebar-main .entry-header {text-align: center;} /*author page*/ .author-section ul {margin-left: -5%;} .author-section {float: none;width: 100%;} .author-postmeta-wrap {text-align: center;} /*Woocommerce*/ .woocommerce .type-product,.woocommerce .site-main {float: none;width: 100%;} .woocommerce .right-sidebar-widget {float: none;width: 90%;} .footer-widget {padding: 2%;} .blog-post-others .continue-reading {margin-bottom: 25%;} .blog-pagination {margin: 0 0 15%;} .blog-post-photo img {max-width: 100%;height: auto;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .cta2 h2 {font-size: 35px;padding-bottom: 5%;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} } @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation:landscape) { .site-branding {width: 65%;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .features-block-one, .features-block-two, .features-block-three {width: 100% !important; float: none !important;} .portfolio-image {float: none;width: 100%;margin-bottom: 15px;} .frontpage-post {float: none;width: 100%;} .home .footer-widget .widget {float: none;width: 95%;} .footer-widget {padding: 5% 1%;} /*blog page*/ .blog-post-photo {float: none;width: 100%;margin: 0;} .blog-post-others {float: none;width: 100%;margin: 0;} /*blog page (right) */ .right-blog-post-photo {float: none;width: 100%;} .right-blog-post-others {float: none;width: 100%;margin:0;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} #right-sidebar-main .entry-header {text-align: center;} /*category page*/ .cat-entry-content {float: none;width: 100%;} /*post page*/ #post-main .right-sidebar-widget {float: none;width: 100%;} #post-main article {float: none;width: 100%;text-align: center;} #post-main #respond {margin-bottom: 20%;} /*error page*/ #error-main .page-content .search-form .search-submit {margin: 5% 0 10%;font-size: 100%;padding: 0 40%;} #error-main .widget {float: none;width: 95%;} .search #secondary .widget {float: none;width: 95%;} .footer-widget .widget {float: none;width: 95%;margin:0 5%;} /*Front Page Sections*/ .testi2-row {float: none !important;width: 100% !important;margin-bottom: 5%;} .f2-row {float: none;width: 100%;} .f3-row {float: none;width: 100%;padding: 4% 0;} .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .txt3_section {padding: 2%;} .txt3_section h3 {float: none;width: 100%;padding:3% 4% 4%;} .txt3_section p {float: none;width: 100%;padding: 4% 10% 0 0;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap {float: none !important;width: 100% !important;padding: 5% !important;text-align: center !important;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .cta2 h2 {font-size: 25px;padding-bottom: 5%;} .cta3-wrapper {padding: 2%;text-align: center;} .cta3-wrapper p {padding: 5% 0;} .cli_img1, .cli_img2, .cli_img3, .cli_img4{float: none;width: 100%;} .blog-list-wrapper, .blog-right-sidebar-widget {float: none;width: 100%;} /*Top bar*/ .ulone {float: none !important;width: 100% !important;text-align: center !important;} .ultwo {float: none !important;width: 100% !important;text-align: center !important;} .ulone {font-size: 20px;} .team {padding:10% 0;} .tm_one, .tm_two, .tm_three {float: none !important;width: 100% !important;padding: 5% 0; text-align:center;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} } @media only screen and (min-width: 641px) and (max-width: 736px) and (orientation:landscape) { .site-branding {width: 80%;} #site-navigation{float: left;width: 1%;margin-top: 2%;} #primary-menu {display: none;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .menu-toggle {display: block;margin-left: -33px;display: inherit;padding: 15px 20px;background: #00b9eb;box-shadow: none;color: white;border: none;text-transform: uppercase;letter-spacing: 2px;text-shadow:none;font-weight: 700;font-size: 20px;} button.menu-toggle {box-shadow: none;} .frontpage-post {margin: 0;} #page .right-sidebar-widget {margin-top: 15%;padding-right: 5%;} .blog-post-others .continue-reading {margin-bottom: 15%;} .blog-pagination {margin: 0 0 5%;} .blog-pagination a:last-child {margin-top: -5px;} .blog-post-photo img {max-width: 100%;height: auto;} .footer-widget {padding: 2%;} #right-sidebar-main .entry-header {text-align: center;} } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape) { .features-block-one,.features-block-two, .features-block-three {width: 100% !important;float: none !important;margin: 10% 0;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .features-list h4 {margin-bottom: 15%;} .portfolio-image {float: none;width: 100%;margin-bottom: 15px;} .frontpage-post {float: none;width: 100%;} .home .footer-widget .widget {float: none;width: 95%;} .footer-widget {padding: 5% 1%;} /*blog page*/ .blog-post-photo {float: none;width: 100%;margin: 0;} .blog-post-others {float: none;width: 100%;margin: 0;} /*blog page (right) */ .right-blog-post-photo {float: none;width: 100%;} .right-blog-post-others {float: none;width: 100%;margin:0;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*category page*/ .cat-entry-content {float: none;width: 100%;} /*post page*/ #post-main .right-sidebar-widget {float: none;width: 100%;} #post-main article {float: none;width: 100%;text-align: center;} #post-main #respond {margin-bottom: 10%;} /*error page*/ #error-main .page-content .search-form .search-submit {margin: 5% 0 10%;font-size: 100%;padding: 0 40%;} .search #secondary .widget {float: none;width: 95%;} .footer-widget .widget {float: none;width: 95%;margin:0 5%;} /* Front Page Sections */ .testi2-row {float: none !important;width: 100% !important;margin-bottom: 5%;} .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap { float: none !important;width: 100% !important;padding: 4% !important;text-align: center !important;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .cli_img1, .cli_img2, .cli_img3, .cli_img4{float: none;width: 100%;} .blog-list-wrapper, .blog-right-sidebar-widget {float: none;width: 100%;} .team {padding:10% 0;} .tm_one {float: none !important;width: 100% !important;padding: 5% 0; text-align:center;} .author-section {float: none;width: 100%;} .author-section ul {margin: 0;padding: 0;padding-bottom: 15%;} /*Top bar*/ .ulone{float: none !important;width: 100% !important;text-align: center !important;} .ultwo{float: none !important;width: 100% !important;text-align: center !important;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} #right-sidebar-main .entry-header {text-align: center;} } @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation:landscape) { .features-block-one, .features-block-two, .features-block-three {width: 100% !important;float: none !important;margin: 10% 0;} .features-list h4 {margin-bottom: 15%;} .portfolio-image {float: none;width: 100%;margin-bottom: 15px;} .frontpage-post {float: none;width: 100%;} .home .footer-widget .widget {float: none;width: 95%;} .footer-widget {padding: 5% 1%;} /*blog page*/ .blog-post-photo {float: none;width: 100%;margin: 0;} .blog-post-others {float: none;width: 100%;margin: 0;} /*blog page (right) */ .right-blog-post-photo {float: none;width: 100%;} .right-blog-post-others {float: none;width: 100%;margin:0;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*category page*/ .cat-entry-content {float: none;width: 100%;} /*post page*/ #post-main .right-sidebar-widget {float: none;width: 100%;} #post-main article {float: none;width: 100%;text-align: center;} #post-main #respond {margin-bottom: 10%;} .search #secondary .widget {float: none;width: 95%;} .footer-widget .widget {float: none;width: 95%;margin:0 5%;} /*Woocommerce*/ .woocommerce .type-product,.woocommerce .site-main {float: none;width: 100%;} .woocommerce .right-sidebar-widget {float: none;width: 90%;} .footer-widget {padding: 2%;} /* Front Page Sections */ .testi2-row {float: none !important;width: 100% !important;margin-bottom: 5%;} .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap {float: none;width: 100%;padding: 5%;} .blog_Front_l2_post_img_wrap, .blog_Front_l2_post_other_wrap { float: none !important;width: 100% !important;padding: 4% !important;text-align: center !important;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .blog-list-wrapper, .blog-right-sidebar-widget {float: none;width: 100%;} .tm_one, .tm_two, .tm_three {float: none;width: 100%;padding: 5% 0; text-align:center;} .author-section {float: none;width: 100%;} .author-section ul {margin: 0;padding: 0;padding-bottom: 15%;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} #right-sidebar-main .entry-header {text-align: center;} } @media only screen and (min-width: 600px) and (max-width: 1024px) { .features-block-one, .features-block-two, .features-block-three {width: 100% !important;float: none !important;margin: 10% 0;} .pad_menutitle span{padding-left: 5px;} .sidr-class-menu-toggle {display: none;} .portfolio-image {float: none;width: 100%;margin-bottom: 15px;} .frontpage-post {float: none;width: 100%;} .home .footer-widget .widget {float: none;width: 95%;} .footer-widget {padding: 5% 1%;} #right-sidebar-main .entry-header {text-align: center;} /*blog page*/ .blog-post-photo {float: none;width: 100%;margin: 0;} .blog-post-others {float: none;width: 100%;margin: 0;} /*blog page (right) */ .right-blog-post-photo {float: none;width: 100%;} .right-blog-post-others {float: none;width: 100%;margin:0;} /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin: 0;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;padding: 0 5%;} /*category page*/ .cat-entry-content {float: none;width: 100%;} /*post page*/ #post-main .right-sidebar-widget {float: none;width: 100%;} #post-main article {float: none;width: 100%;text-align: center;} #post-main #respond {margin-bottom: 15%;} /*404 page*/ #error-main .widget {float: none;width: 95%;} /*error page*/ #error-main .page-content .search-form .search-submit {margin: 5% 0 10%;font-size: 100%;padding: 0 40%;} .footer-widget .widget {float: none;width: 95%;margin:0 5%;} .footer-widget {padding: 2%;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { /*left sidebar page*/ #left-sidebar-main article {float: none;width: 95%;margin: 0;} div.left-sidebar-widget{float: none;width: 95%;margin:0 5%;} /*right sidebar*/ #right-sidebar-main article {float: none;width: 100%;margin: 0;} div.right-sidebar-widget{float: none;width: 95%;margin: 0;} /*category page*/ .cat-entry-content {float: left;width: 45%;} /*single post page*/ #post-main .entry-header {text-align: center;} #post-main article {float: none;width: 100%;} #post-main .right-sidebar-widget {float: none;width: 95%;} #post-main .form-submit {margin-bottom: 10%;} #post-main .entry-title {font-size: 25px;} .footer-widget {padding: 2%;} /*Woocommerce*/ .woocommerce .type-product, .woocommerce .site-main {float: none;width: 100%;} .woocommerce .right-sidebar-widget {float: none;width: 90%;} /*Front page section*/ .p2-image-div {float: none;width: 100%;} .p2-image-div .p2-other-div {padding: 40px;} .p3-image-div {float: none;width: 100%;} .t2img {float: none;width: 100%;} .t2txt {float: none;width: 100%;text-align: center;} .blog_front_s3_post {float: none;width: 100%;padding: 0 0 20% 0;} .blog-list-wrapper, .blog-right-sidebar-widget {float: none;width: 100%;} .author-section {float: none;width: 100%;} .author-section ul {margin: 0;padding: 0;padding-bottom: 15%;} .tm_one, .tm_two, .tm_three {float: none;width: 100%;padding: 5% 0;} /*home.php page*/ .home-wrapper:nth-child(odd) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(odd) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(odd) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(odd) .home-post-others .continue-reading {padding: 10% 0;} .home-wrapper:nth-child(even) .home-post-photo {float: none;width: 100%;} .home-wrapper:nth-child(even) .home-post-others {float: none;width: 100%;text-align: center;} .home-wrapper:nth-child(even) .home-post-others p {direction: ltr;padding: 0;} .home-wrapper:nth-child(even) .home-post-others .continue-reading {padding: 10% 0;} } @media only screen and (min-width: 320px) and (max-width: 425px) { .css-slider-wrapper {height: 500px;} .tm_one, .tm_two, .tm_three {padding: 5% 0 10%;} } @media only screen and (max-width: 700px) { .scta_2 {padding: 15%;} .scta_2 h3 {float: none;width: 100%;} .scta_2_b_wrap {float: none;text-align: center;} } @media only screen and (max-width: 600px) { .blog_Front_l2_post:nth-child(even) .blog_Front_l2_post_img_wrap img {float: none;} } @media only screen and (min-width: 481px) and (max-width: 767px) { .tm_one, .tm_two, .tm_three {float: none !important;width: 100% !important ;} } @media only screen and (min-width: 481px) and (max-width: 700px) { .f2-row {float: none ;width: 100% ;} } @media only screen and (max-width: 770px) { .contentContainer {padding: 7% 0% 8%;} .blog_front_s3_post_img_wrap {height: 350px;} } @media only screen and (min-width: 320px) and (max-width: 564px) { .p3-image-div {height: 350px;} .p3-image-div img {height: 350px;} } @media only screen and (max-width: 700px) { .accordimg, .accordimg ul li {height: 500px;} } @media only screen and (max-width: 480px) { #site-navigation {padding: 1.5% 0 0 0 !important; display: block !important;} } @media only screen and (min-width: 481px) and (max-width: 525px) { .ulone, .ultwo {width: 100%;} } @media only screen and (max-width: 749px) { .testi3-wrapper {padding: 11% 15% 20%;} } @media only screen and (max-width: 550px) { .testi3-wrapper {text-align: center;} .testi3-img-wrapper {margin: 0 auto;float: none;} .testi3-info {float: none;width: 100%;} } @media only screen and (min-width: 481px) and (max-width: 564px) { .testi2-row {float: left;width: 100%;margin:5% 0;} } @media only screen and (min-width: 481px) and (max-width: 770px) { .testimonial-row {float: none;width: 100%;} .testimonial-row:last-child {margin: 16% 0 0;} } /*theme update changes*/ .cat-entry-content h2 {font-size:20px;height:fit-content;} .cat-entry-content img {max-width:100%;} .footer-widget .widget p {font-size:13px;} .portfolio-image img {height:auto;} .footer-widget {font-size: 13px;} .post-navigation a {font-weight: bold;} #post-main .edit-link {padding: 3px 5px;font-size: 13px} .tags-links a {font-size: 12px;} .right-sidebar-widget, .right-sidebar-widget {font-size: 13px;} .left-sidebar-widget a, .right-sidebar-widget a {font-size: 13px;} .nosidebar-entry-footer a, #left-sidebar-main .entry-footer a, #right-sidebar-main .entry-footer a, #blog-main .entry-footer a {padding: 2px 5px;font-size: 13px;} .page-template-blog .blog-pagination a:first-child , .page-template-blog .blog-pagination a:last-child {padding: 20px 50px;background: #abbed3;color: #333;font-weight: bold;font-size: 13px;} .blog-pagination {padding: 8% 5%;} .site-main-condensed {padding: 0 25%;} #comments {padding: 10% 0% 5%;} div.left-sidebar-widget {margin-top: -12%;} div.right-sidebar-widget {margin-top: -12%;} /* Gutenberg Fix*/ .entry-content .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .entry-content .alignwide { margin-left : -100px; margin-right : -100px; max-width : 1024px; } .alignfull img { width: 100vw; } .entry-content > *:not( .alignwide ):not( .alignfull ) { margin-left: auto; margin-right: auto; max-width: 740px; padding-left: 20px; padding-right: 20px; } body {overflow-x: hidden;}