/* Theme Name: Roobia Theme URI: http://demo.zozothemes.com/roobia/ Author: zozothemes Author URI: http://zozothemes.com/ Description: Roobia brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Roobia Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 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. */ /*------------------------------------------- TABLE OF CONTENT ---------------------------------------------*/ /**! 01. Normalize **/ /**! 02. Typography **/ /**! 03. Accessibility **/ /**! 04. Theme Default Styles **/ /**! 05. Buttons **/ /**! 06. Alignments **/ /**! 07. Header Common Style **/ /**! 08. Social Icons General Style **/ /**! 09. Header Styles **/ /**! 10. Sticky/Fixed Header Space Styles **/ /**! 11. Full Screen Search **/ /**! 12. Mobile Header Styles **/ /**! 13. Page Title **/ /**! 14. Blog Layout and Styles **/ /**! 15. Owl Carousel **/ /**! 16. Widget Styles **/ /**! 17. VC Styles **/ /**! 18. Footer Styles **/ /**! 19. Animation key frames **/ /**! 20. Responsive Styles **/ /**! 21. RTL Styles **/ /*-------------------------------------------------------------- 01. Normalize --------------------------------------------------------------*/ a { text-decoration: none; outline:none; cursor: pointer; color:#333333; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } a:focus, a:hover, a:active { text-decoration: none; outline:none; } p { margin-bottom: 10px; } p:last-child { margin-bottom: 0; } ul { list-style: none; padding: 0; } ul:last-child, ol li:last-child { margin-bottom: 0px; } ul.comments ul { padding-left: 20px; } ol li { margin-bottom: 8px; } ul.nav > li { display: inline-block; } .entry-content ul, .page.type-page ul { list-style: disc; margin-left: 20px; } img, video { max-width: 100%; height: auto; } img { display:block; margin:0 auto; } select { height: 40px; line-height: 40px; padding: 0 10px; } select:focus { outline:0; } ::selection { color:#fff; } /*-------------------------------------------------------------- 02. Typography --------------------------------------------------------------*/ .typo-white, .typo-white .portfolio-filter li a, .typo-white input, .typo-white textarea { color: #fff; } .typo-dark, .typo-dark .portfolio-filter li a { color: #000; } /*-------------------------------------------------------------- 03. Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px; } /*-------------------------------------------------------------- 04. Theme Default Styles --------------------------------------------------------------*/ figure { margin: 0; max-width: 100%; } iframe { width: 100%; } pre { padding: 20px; background: #f1f1f1; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } table td { padding: 5px; } ul.sub-menu{ padding-left: 15px; } .navbar{ padding:0; } .roobia-content-wrapper{ background:#fff; clear: both; } .container, .boxed-container{ max-width: 100%; } .img-before::before{ content:''; display: inline-block; height: 100%; vertical-align: middle; } .nav-item-inner img { display: inline-block; vertical-align: middle; } .nav-item-inner img:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .site-title { font-size: 40px; vertical-align: middle; } article.post.sticky { position: relative; } .sticky-post-icon { color: #333; font-size: 26px; right: 0px; position: absolute; top: 0px; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .nav.pull-center{ position: static; left: 0; right: 0; float: none; display: inline-block; text-align: center; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .nav.pull-center.show-opacity { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: opacity ease 0.35s; -moz-transition: opacity ease 0.35s; transition: opacity ease 0.35s; } .nav.pull-center .nav{ display: inline-flex; } /*.back-to-top*/ .back-to-top { display: none; bottom: 20px; position: fixed; right: 30px; text-align: center; width: 40px; z-index: 1; } .back-to-top > i { background-color: #333333; color: #ffffff; height: 40px; line-height: 40px; width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .secondary-menu-area { overflow-y: auto; } .form-control { color: #7f7f7f; font-weight: 600; } /* Roobia 404 style */ .site-main .error-404 { padding: 100px 0; } .site-main .error-404 .page-content { padding: 30px 0; } /* Roobia Ads Style */ .site-footer .adv-wrapper { padding: 30px 0; text-align: center; text-align: -webkit-center; } /* Page Loader */ .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; } /*Icons*/ span.before-icon { margin-right: 10px; width: auto; height: auto; margin-left: 0; font-size: 15px; } /*Ads*/ .adv-wrapper { padding: 30px 0; } /*-------------------------------------------------------------- 05. Buttons --------------------------------------------------------------*/ .btn,button { cursor:pointer; } .btn.default,.btn.classic, .btn.bordered:hover, .btn.default { color:#fff; } .btn.classic { background: #000; } .btn.link { background: none; padding: 0; } .btn.link:hover { background: none; text-decoration: underline; color: unset; } .btn.bordered { background: transparent; border: 1px solid; } .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group { margin-left: 0; } /*button hover*/ .btn:hover , button:hover , .search-form .input-group .btn:hover { background: #000; color:#fff; } /*-------------------------------------------------------------- 06. 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; } /*-------------------------------------------------------------- 07. Header Common Style --------------------------------------------------------------*/ .roobia-header{ background-color:#fff; } .roobia-header.header-absolute { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; position: absolute; right: 0; z-index: 1; } .header-sticky .navbar ul.roobia-main-menu > li.current-menu-item > a:hover { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .header-sticky .navbar, .sticky-scroll.show-menu .navbar { background-color: #fff; } .header-sticky .main-logo, .sticky-scroll.show-menu .main-logo { display: none; } .header-sticky .sticky-logo, .sticky-scroll.show-menu .sticky-logo { display: block; } .header-sticky .navbar ul.roobia-main-menu > li.current-menu-item > a:hover { color: #000; } .roobia-header .navbar-nav .nav-item{ list-style:none; } ul.roobia-main-menu > li > a, ul.roobia-main-menu > li > .main-logo { text-transform: uppercase; letter-spacing: 0.2em; } .roobia-header .header-inner .nav-link{ padding-top:0; padding-bottom:0; transition: unset; -moz-transition: unset; -webkit-transition: unset; -o-transition: unset; -ms-transition: unset; } .roobia-header ul.dropdown-menu > li > a { transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; } .roobia-header ul.dropdown-menu > li > a:hover { transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; } .roobia-header .dropdown-menu .nav-link { padding-top: 4px; padding-bottom: 4px; } .boxed-container{ position:relative; margin-left:auto; margin-right:auto; } .nav.pull-center{ position:static; left:0; right:0; float:none; display:inline-block; text-align:center; } .nav.pull-center .nav{ display: inline-flex; } .search-form .input-group .form-control { background: transparent none repeat scroll 0 0; border: 1px solid #ccc; border-right: 0; height: 40px; line-height: 40px; } .search-form .input-group .btn{ padding: 10px 15px; color:#fff; border: none; } .search-form .input-group .btn:hover, .search-form .input-group .btn:focus, .search-form .input-group .btn:active { transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; } .nav-item-inner .search-form{ display:inline-block; vertical-align: middle; } .sticky-logo{ display:none; } .nav-link { padding: 0 10px; } /* Close icon style */ /* ----- Close Icon ----- */ .close { position: absolute; right: 16px; top: 16px; width: 45px; height: 45px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border: 2px #fff solid; } .close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=100); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; cursor: pointer; } .close:before, .close:after { position: absolute; content: ' '; height: 23px; width: 3px; background-color: #fff; right: 19px; top: 8px; transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; } .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .close:hover:before { transform: rotate(90deg); transition: all ease .4s; } .close:hover:after { transform: rotate(-90deg); transition: all ease .4s; } /*-------------------------------------------------------------- 08. Social Icons General Style --------------------------------------------------------------*/ .social-icons .nav { display: block; } ul.social-icons > li { text-align: center; text-align: -webkit-center; padding:0; } ul.social-icons > li > a { display: inline-block; height: 40px; line-height: 44px; margin-right: 5px; width: 40px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; } .sticky-header-space ul.social-icons.social-transparent > li > a:first-child { padding-left: 0; } article ul.social-icons > li a { height: auto; margin: 0; } /*Social Icons Colors*/ ul.social-icons.social-circled > li a , article ul.social-icons > li > a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } ul.social-icons.social-rounded > li a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } ul.social-icons.social-transparent > li a { background: transparent; } ul.social-icons.social-white > li a, ul.social-icons.social-h-white > li a:hover { color: #fff; } ul.social-icons.social-black > li a, ul.social-icons.social-h-black > li a:hover { color: #333; } ul.social-icons.social-bg-white > li a, ul.social-icons.social-hbg-white > li a:hover { background-color: #fff; } ul.social-icons.social-bg-black > li a, ul.social-icons.social-hbg-black > li a:hover { background-color: #333; } ul.social-icons.social-bg-light > li a, ul.social-icons.social-hbg-light > li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-bg-dark > li a, ul.social-icons.social-hbg-dark > li a:hover { background: rgba(0, 0, 0, 0.5); } /* Social Media Colors */ ul.social-icons.social-hbg-transparent > li a:hover { background: transparent; } ul.social-icons.social-own > li a.social-fb, ul.social-icons.social-h-own > li a.social-fb:hover { color: #3b5999; } ul.social-icons.social-own > li a.social-twitter, ul.social-icons.social-h-own > li a.social-twitter:hover { color: #55acee; } ul.social-icons.social-own > li a.social-instagram, ul.social-icons.social-h-own > li a.social-instagram:hover { color: #e4405f; } ul.social-icons.social-own > li a.social-linkedin, ul.social-icons.social-h-own > li a.social-linkedin:hover { color: #0077B5; } ul.social-icons.social-own > li a.social-pinterest, ul.social-icons.social-h-own > li a.social-pinterest:hover { color: #bd081c; } ul.social-icons.social-own > li a.social-gplus, ul.social-icons.social-h-own > li a.social-gplus:hover { color:#dd4b39; } ul.social-icons.social-own > li a.social-youtube, ul.social-icons.social-h-own > li a:hover.social-youtube { color: #cd201f; } ul.social-icons.social-own > li a.social-vimeo, ul.social-icons.social-h-own > li a.social-vimeo:hover { color: #1ab7ea; } ul.social-icons.social-own > li a.social-soundcloud, ul.social-icons.social-h-own > li a.social-soundcloud:hover { color: #ff3300; } ul.social-icons.social-own > li a.social-yahoo, ul.social-icons.social-h-own > li a.social-yahoo:hover { color: #410093; } ul.social-icons.social-own > li a.social-tumblr, ul.social-icons.social-h-own > li a.social-tumblr:hover { color: #34465d; } ul.social-icons.social-own > li a.social-paypal, ul.social-icons.social-h-own > li a.social-paypal:hover { color: #003087; } ul.social-icons.social-own > li a.social-mailto, ul.social-icons.social-h-own > li a.social-mailto:hover { color: #ffa500; } ul.social-icons.social-own > li a.social-flickr, ul.social-icons.social-h-own > li a.social-flickr:hover { color: #ff0084; } ul.social-icons.social-own > li a.social-dribbble, ul.social-icons.social-h-own > li a.social-dribbble:hover { color: #ea4c89; } ul.social-icons.social-own > li a.social-bloglovin, ul.social-icons.social-h-own > li a.social-bloglovin:hover { color: #00BFF8; } ul.social-icons.social-own > li a.social-rss, ul.social-icons.social-h-own > li a.social-rss:hover { color: #ff6600; } /* Social Media Background Colors */ ul.social-icons.social-bg-own > li a.social-fb, ul.social-icons.social-hbg-own > li a.social-fb:hover { background: #3b5999; } ul.social-icons.social-bg-own > li a.social-twitter, ul.social-icons.social-hbg-own > li a.social-twitter:hover { background: #55acee; } ul.social-icons.social-bg-own > li a.social-instagram, ul.social-icons.social-hbg-own > li a.social-instagram:hover { background: #e4405f; } ul.social-icons.social-bg-own > li a.social-linkedin, ul.social-icons.social-hbg-own > li a.social-linkedin:hover { background: #0077B5; } ul.social-icons.social-bg-own > li a.social-pinterest, ul.social-icons.social-hbg-own > li a.social-pinterest:hover { background: #bd081c; } ul.social-icons.social-bg-own > li a.social-gplus, ul.social-icons.social-hbg-own > li a.social-gplus:hover, ul.social-icons.social-hbg-own > li a.social-gplus:hover { background: #dd4b39; } ul.social-icons.social-bg-own > li a.social-youtube, ul.social-icons.social-hbg-own > li a.social-youtube:hover { background: #cd201f; } ul.social-icons.social-bg-own > li a.social-vimeo, ul.social-icons.social-hbg-own > li a.social-vimeo:hover { background: #1ab7ea; } ul.social-icons.social-bg-own > li a.social-soundcloud, ul.social-icons.social-hbg-own > li a.social-soundcloud:hover { background: #ff3300; } ul.social-icons.social-bg-own > li a.social-yahoo, ul.social-icons.social-hbg-own > li a.social-yahoo:hover { background: #410093; } ul.social-icons.social-bg-own > li a.social-tumblr, ul.social-icons.social-hbg-own > li a.social-tumblr:hover { background: #34465d; } ul.social-icons.social-bg-own > li a.social-paypal, ul.social-icons.social-hbg-own > li a.social-paypal:hover { background: #003087; } ul.social-icons.social-bg-own > li a.social-mailto, ul.social-icons.social-hbg-own > li a.social-mailto:hover { background: #ffa500; } ul.social-icons.social-bg-own > li a.social-flickr, ul.social-icons.social-hbg-own > li a.social-flickr:hover { background: #ff0084; } ul.social-icons.social-bg-own > li a.social-dribbble, ul.social-icons.social-hbg-own > li a.social-dribbble:hover { background: #ea4c89; } ul.social-icons.social-bg-own > li a.social-rss, ul.social-icons.social-hbg-own > li a.social-rss:hover { background: #ff6600; } ul.social-icons.social-bg-own > li a.social-bloglovin, ul.social-icons.social-hbg-own > li a.social-bloglovin:hover { background: #00BFF8; } ul.social-icons.social-own > li a.social-bloglovin, ul.social-icons.social-h-own > li a.social-bloglovin:hover { color: #00BFF8; } /* Social Hover Effects */ ul.social-icons.social-h-white > li a:hover { color: #fff; } ul.social-icons.social-h-black > li a:hover { color: #333; } ul.social-icons.social-hbg-white > li a:hover { background-color: #fff; } ul.social-icons.social-hbg-black > li a:hover { background-color: #333; } ul.social-icons.social-hbg-light > li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-hbg-dark > li a:hover { background: rgba(0, 0, 0, 0.5); } /*-------------------------------------------------------------- 09. Header Styles --------------------------------------------------------------*/ .topbar, .logobar, .navbar { position: relative; } /*Topbar*/ .topbar{ background:#333; color:#fff; } .topbar-items, .logobar-items{ margin:0; } .topbar-items > li{ height:50px; line-height:50px; } .topbar-items > li img, .logobar-items > li img, .navbar-items > li img{ margin-top:-4px; } .topbar-items .nav-item-inner, .logobar-items .nav-item-inner, .navbar-items .nav-item-inner{ /* padding-right: 15px;*/ } .topbar-items .nav-item:last-child .nav-item-inner, .logobar-items .nav-item:last-child .nav-item-inner:last-child, .navbar-items .nav-item:last-child .nav-item-inner:last-child { /* padding-right: 0;*/ } .header-phone span, .header-email span, .header-address span { padding: 0 10px; } .topbar-items .form-control, .topbar-items .input-group-btn, .topbar-items .btn, .logobar-items .form-control, .logobar-items .input-group-btn, .logobar-items .btn{ font-size:inherit; } .topbar-center-item, .logobar-center-item{ display:inline-block; -webkit-transition: margin 0.5s ease 0s; -moz-transition: margin 0.5s ease 0s; -ms-transition: margin 0.5s ease 0s; -o-transition: margin 0.5s ease 0s; transition: margin 0.5s ease 0s; } /* Logobar */ .logobar-items > li{ height:100px; line-height:100px; } /* General Menu */ .menu-tag { color: #fff; padding: 3px 12px; float: right; font-size: 11px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } .roobia-main-menu > li > .dropdown-menu li.dropdown:hover > a:after { content: "\f104"; } .roobia-main-menu > li > .dropdown-menu li.dropdown > a:after { content: "\f105"; float: right; font-family: fontAwesome; } /* Mega Dropdown Menu */ .roobia-main-menu .dropdown-menu .dropdown-menu{ left:100%; top:-3px; } .roobia-main-menu li a.dropdown-toggle:after { border: none; content: "\f107"; font-family: fontawesome; font-size: 15px; line-height: 20px; vertical-align: initial; margin-left: 8px; display: inline; } .sub-menu > li.dropdown:hover:after { content: "\f104"; } .sub-menu > li.dropdown:after { content: "\f105"; font-family: FontAwesome; position: absolute; color: inherit; line-height: normal; top: 10px; right: 30px; font-size: 12px; } span.menu-icon{ padding-right: 10px; } .dropdown-menu { border-radius:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding:0; border:0; } .dropdown.mega-dropdown { position:static; } .roobia-main-menu .dropdown-menu { margin:0; line-height: 30px; } .mega-dropdown .mega-dropdown-menu { margin: 0 auto; } .mega-dropdown .mega-dropdown-menu.mega-dropdown-full { width: 100%; } /*.dropdown:hover > .dropdown-menu { display:block; border-top: 3px solid; }*/ /*Dropdown Menu*/ ul.dropdown-menu { min-width: 220px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 0; display:block; border-top: 3px solid; } .dropdown .dropdown-menu { visibility: hidden; opacity: 0; display: block; padding: 0; transform: translateY(-2em); z-index: -1; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .dropdown:hover > .dropdown-menu { visibility: visible; opacity: 1; z-index: 999; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } .mega-dropdown-menu{ top:auto; left:0; right:0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; } .dropdown-menu.mega-dropdown-menu { padding: 20px 0; } .mega-dropdown-menu > li { float: left; } .mega-child-dropdown-menu{ list-style:none; padding-left:0; padding-top: 15px; } .menu-item .mega-child-dropdown { margin-bottom: 25px; } .mega-child-dropdown-menu > li{ padding-left:0; } .mega-child-dropdown > a, .mega-child-heading > a { font-weight: bold; font-size: 17px; line-height: 17px; } .mega-child-item-disabled { font-weight: bold; padding-left: 10px; font-size: 17px; line-height: 17px; display: block; padding-top: 7px; padding-bottom: 7px; } .mega-child-widget { padding-left: 10px; } .menu-item.menu-item-logo { padding: 0 30px; } .mega-sub-dropdown.max-col-2 .mega-sub-dropdown-menu{ width:174%; } .mega-sub-dropdown.max-col-3 .mega-sub-dropdown-menu{ width:261%; } .mega-sub-dropdown.max-col-4 .mega-sub-dropdown-menu{ width:348%; } .mega-sub-dropdown.max-col-2.left-side .mega-sub-dropdown-menu{ left:-174%; } .mega-sub-dropdown.max-col-3.left-side .mega-sub-dropdown-menu{ left:-261%; } .mega-sub-dropdown.max-col-4.left-side .mega-sub-dropdown-menu{ left:-348%; } .mega-sub-dropdown-menu > li.mega-sub-child{ float:left; } .mega-sub-dropdown-menu > li.mega-sub-child > a{ display:inline-block; } ul.mega-sub-child-inner { padding-left: 0; } .mega-sub-dropdown.max-col-2 .mega-sub-dropdown-menu > li.mega-sub-child { width:50%; } .mega-sub-dropdown.max-col-3 .mega-sub-dropdown-menu > li.mega-sub-child { width:33.333%; } .mega-sub-dropdown.max-col-4 .mega-sub-dropdown-menu > li.mega-sub-child { width:25%; } .roobia-main-menu > li .mega-child-widget img { max-height: 100%; } .dropdown-menu .left-side .mega-sub-dropdown-menu { right: 100%; left: auto; } .roobia-wrapper { overflow: hidden; } /*Sticky Part*/ .sticky-outer{ height:auto; } .sticky-head.header-sticky { box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -o-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); } .sticky-outer .sticky-scroll.show-menu, .sticky-outer nav.navbar, nav.navbar .nav-inner, nav.navbar .navbar-items > li, nav.navbar .navbar-items .navbar-nav > li > a, .logobar-items > li{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .sticky-outer .header-sticky, .sticky-outer .sticky-scroll.show-menu{ left: 0; position: fixed; right: 0; top: 0; z-index:99; } .logged-in.admin-bar .sticky-outer .header-sticky, .logged-in.admin-bar .sticky-outer .sticky-scroll.show-menu { top: 31px; } .boxed-container .sticky-outer .header-sticky, .boxed-container .sticky-outer .sticky-scroll.show-menu{ left:auto; right:auto; } .sticky-outer .header-sticky .sticky-logo, .sticky-outer .sticky-scroll.show-menu .sticky-logo{ display:block; } /* Secondary Space Styles */ .secondary-menu-area{ background-color: #eeeeee; height: 100%; position: fixed; width: 350px; z-index: 999999; margin-bottom:20px; overflow-y: auto; } .secondary-menu-area.left-overlay, .secondary-menu-area.left-push{ left:-350px; } .secondary-menu-area.right-overlay, .secondary-menu-area.right-push{ right:-350px; left: auto; } /*Secondary Full Menu*/ .secondary-menu-area.full-overlay{ position:fixed; left:0; top:0; height:100%; width:100%; display:none; background-color: rgba(255, 255, 255, 0.98); } /* .secondary-menu-area.full-overlay .close:before, .secondary-menu-area.full-overlay .close:after { height: 33px; width: 2px; right: 18px; top: 3px; } .secondary-menu-area.full-overlay .menu li a:before { content: ""; width: 0; background: #000; position: absolute; top: 50%; height: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } .secondary-menu-area.full-overlay .menu li a:hover:before { width: 100%; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } .secondary-menu-area.full-overlay .menu li a { overflow: hidden; font-size: 24px; font-family: montserrat; position: relative; text-transform: capitalize; line-height: 40px; } .secondary-menu-area.full-overlay ul.sub-menu { padding-left: 0; padding-top: 10px; padding-bottom: 10px; } .secondary-menu-area.full-overlay ul.sub-menu > li > a { font-size: 18px; line-height: 30px; } .secondary-menu-area.full-overlay ul.sub-menu > li { padding-top: 0px; line-height: 1; } .secondary-menu-area.full-overlay .secondary-space-toggle { right: 132px; top: 76px; width: 35px; height: 35px; border: none; position: fixed; background: none; }*/ /*.secondary-menu-area.full-overlay ul.social-icons > li { transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(2) { transition-delay: .1s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(3) { transition-delay: .2s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(4) { transition-delay: .3s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(5) { transition-delay: .4s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(6) { transition-delay: .4.2s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(7) { transition-delay: .4.4s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(8) { transition-delay: .4.6s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(9) { transition-delay: .4.8s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(10) { transition-delay: .5s; } .secondary-menu-area.full-overlay ul.social-icons > li:nth-child(11) { transition-delay: .5.2s; }*/ .secondary-menu-area-inner{ padding:80px 20px } .secondary-space-toggle { display: inline-block; position: relative; vertical-align: middle; width: 30px; } .secondary-space-toggle > span { display: block; height: 1px; border-bottom: solid 2px; margin: 8px 0; width: 30px; } .secondary-space-toggle span:nth-child(2) { width: 15px; } .secondary-space-toggle:hover span:nth-child(2), .secondary-space-toggle span:nth-child(2) { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .secondary-space-toggle:hover span:nth-child(2) { width: 30px; } .secondary-space-toggle.active > span:first-child { bottom: 5px; margin: 0; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .secondary-space-toggle.active > span:nth-child(2) { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .secondary-space-toggle.active > span:last-child { bottom: 5px; margin: 0; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .secondary-menu-area-inner ul.menu li { position: relative; } .roobia-wrapper{ position:relative; } body.secondary-push-actived{ width: 100%; } .roobia-content-wrapper > div { position:relative; z-index:0; } .roobia-content-wrapper .container .wrap{ max-width:100%; } .roobia-content > .roobia-content-inner { padding : 100px 0; } /*header address*/ .header-inner .nav-item-inner .media { line-height: 1; vertical-align: middle; display: inline-flex; } .header-inner .media i { font-size: 17px; color: #fff; padding: 11px; } ul.nav.header-info > li { padding: 0 20px; } ul.nav.header-info > li:last-child { padding-right: 0; } /*header Button*/ button.header-button { padding: 30px; border-radius: 0; color: #fff; } /*-------------------------------------------------------------- 10. Sticky/Fixed Header Space Styles --------------------------------------------------------------*/ .sticky-header-space { background-color: #333333; height: 100%; position: fixed; width: 350px; z-index: 0; overflow:auto; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; padding: 15px 20px; } .sticky-header-space.left-sticky{ left:0; } .sticky-header-space.right-sticky{ right:0; } .sticky-header-space .nav li { padding: 3px 0px; display:block; text-align:left; } .sticky-header-space .nav.social-icons li { display: inline-block; } /* Mobile/Sticky Menu Style */ .sticky-header-space .roobia-main-menu .menu-item-has-children, .mobile-bar .roobia-main-menu .menu-item-has-children{ position:relative; } .zmm-dropdown-toggle { color: #000; padding: 5px; position: absolute; right: 20px; top: 0; font-size: 12px; cursor: pointer; line-height: 28px; } .roobia-mobile-main-menu .nav-link{ padding:0; } ul.roobia-mobile-menu li.menu-item { line-height: 40px; position: relative; } /*-------------------------------------------------------------- 11. Full Screen Search --------------------------------------------------------------*/ .full-search-wrapper { background: rgba(255, 255, 255, 0.98); height: 100%; width: 100%; left:0; right:0; position: fixed; display:none; top: 0; z-index: 999999; } .full-search-wrapper .search-form { position:absolute; width: 80%; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .full-search-wrapper .input-group { width:100%; } .full-search-wrapper .search-form .input-group .form-control { background: transparent; font-size: 50px; height: auto; border: none; border-radius: 0; } .full-search-wrapper .close { border: none; } .full-search-wrapper .search-form .input-group .btn { cursor: pointer; background: none; line-height: 80px; font-size: 24px; color: #7f7f7f; } .full-search-wrapper .input-group-btn { width:auto; } .full-search-wrapper .input-group-btn .btn.btn-default { background:transparent; border: none; font-size: 20px; line-height: 45px; padding: 0; position: absolute; top: 0; right: 0; } /* Toggle Text Search Wrap Styles */ .textbox-search-wrap .form-control{ width:0; height:0; padding:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .search-toggle-wrap.active .textbox-search-wrap .form-control{ width:200px; border-right: 1px solid #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height: 40px; line-height: 40px; padding: 10px; } .textbox-search-wrap .textbox-search-toggle, .search-toggle-wrap .textbox-search-wrap, .search-toggle-wrap .full-bar-search-wrap { display: inline-block; } .full-bar-search-wrap { position:absolute; top:0; left:0; visibility:hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background:#fff; } .full-bar-search-wrap.active{ visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .full-bar-search-wrap, .full-bar-search-wrap .search-form, .full-bar-search-wrap .input-group, .full-bar-search-wrap .input-group .form-control{ height: 100%; width: 100%; } .full-bar-search-wrap .input-group .form-control { font-size: 50px; line-height: 1; padding: 0 40px; } .close.full-bar-search-toggle{ z-index:99; vertical-align:middle; top: 50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .search-toggle-wrap { position:relative; padding: 0 10px; } .bottom-search-toggle { display:inline-block; } .bottom-search-wrap{ background: #555 none repeat scroll 0 0; display: inline-block; padding: 0 10px; position: absolute; right: 0; top: 100%; width: 200px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .search-toggle-wrap.active .bottom-search-wrap{ visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-------------------------------------------------------------- 12. Mobile Header Styles --------------------------------------------------------------*/ /*.mobile-header { background: #fff; }*/ .mobile-header, .mobile-header .sticky-outer{ position:relative; } .mobile-header .mobile-header-inner ul > li img{ margin-bottom: 6px; padding: 5px 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .mobile-header-items li i { font-size: 20px; } .mobile-header .mobile-header-inner ul > li{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .mobile-header .sticky-head, .mobile-header .header-sticky, .mobile-header .sticky-scroll, .mobile-header .sticky-scroll.show-menu{ height:auto; overflow:hidden; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .header-sticky .topbar, .header-sticky .logobar, .header-sticky .navbar{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .mobile-header-inner .sticky-outer{ height:auto; } .header-inner .sticky-outer{ height:auto; } .sticky-head.header-sticky .mobile-header-items.pull-center, .sticky-head.show-menu .mobile-header-items.pull-center { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0 !important; position: absolute; left: 50%; } /* Mobile Bar Styles */ .mobile-bar { background: #ffffff none repeat scroll 0 0; position: fixed; z-index: 999999; height:100%; width:100%; overflow:auto; padding-top:50px; padding-bottom: 30px; } .mobile-bar-toggle.close { right: 30px; } .mobile-bar.animate-from-left{ top:0; left: -100%; } .mobile-bar.animate-from-right{ top:0; right: -100%; } .mobile-bar.animate-from-top{ top: -100%; left:0; } .mobile-bar.animate-from-bottom{ bottom: -100%; left:0; } body.mobile-bar-active{ overflow:hidden; } ul.mobile-bar-items > li.nav-item { padding: 15px 5px; } .mobile-bar ul.roobia-main-menu{ padding:0; } .mobile-bar ul.roobia-main-menu > li{ line-height:36px; } .mobile-bar .main-logo, .mobile-logo { text-align:center; text-align: -webkit-center; } .mobile-header .container{ position:relative; height:auto; } /* Top sliding Bar Styles */ .top-sliding-bar { position:absolute; top:0; right:0; left:0; width:100%; z-index:9999; } .top-sliding-bar-inner{ position:relative; background-color:#ccc; display:none; overflow:hidden; height:auto; padding:25px 0; } .logged-in.admin-bar .top-sliding-bar .top-sliding-bar-inner { padding-top: 50px; } .top-sliding-toggle { border-left: 40px solid rgba(0, 0, 0, 0); border-top: 40px solid #333333; bottom: -40px; height: 0; position: absolute; right: 0; width: 0; outline:none; text-align:right; transition: all ease 0.5s; } .logged-in.admin-bar .top-sliding-toggle { top: 32px; } .logged-in.admin-bar .top-sliding-toggle.fa-minus { top: unset; } .top-sliding-toggle::before { bottom: 12px; color: #ffffff; content: "\f067"; font-family: FontAwesome; height: 30px; position: absolute; right: 5px; width: 30px; line-height:30px; } .top-sliding-toggle.fa-minus:before { content: "\f068"; } /*-------------------------------------------------------------- 13. Page Title --------------------------------------------------------------*/ .parallax-item { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative; } .page-title-wrap-inner{ position: relative; background: #eee; padding: 180px 0; } .page-title-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .page-title-inner { display: table; width:100%; } .page-title-inner > div { display: table-cell; vertical-align: middle; } .page-title-inner .pull-left { width: 50%; float: none; } .page-title-inner .pull-center { text-align: center; text-align: -webkit-center; width: 100%; } .page-title-inner .pull-right { float: none; text-align: right; width: 50%; } .breadcrumb { background:transparent; margin:0; padding:0; border:none; } .breadcrumb > * { padding-right: 10px; } .breadcrumb > *:last-child { padding-right: 0; } #breadcrumb > a::after { content: "/"; font-family: fontawesome; padding-left: 10px; } .page-title-wrap .page-title-desc { margin-bottom: 0; } /*-------------------------------------------------------------- 14. Blog Layout and Styles --------------------------------------------------------------*/ article.post { background: #fff; position: relative; } article.post:last-child { border-bottom: 0; } article .article-inner .entry-content { padding: 30px 0; } .single-post-template article .article-inner .entry-content { /* padding: 30px 0;*/ border-bottom: none; } .article-inner > * { margin-bottom: 20px; } .article-inner .entry-meta.top-meta{ /* padding-bottom: 30px;*/ } .article-inner > .entry-header { margin-bottom: 0; } .article-inner .entry-meta.bottom-meta { padding: 10px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .post-meta .post-more a.read-more { webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; display: block; line-height: 39px; } /* Archive Template */ .archive-template .post-format-wrap { margin-left: -30px; margin-right: -30px; } .post-quote-wrap > .blockquote { margin-bottom: 0; } .site-main.archive-template.list-layout h3.entry-title { font-size: 20px; line-height: 1; } .site-main.archive-template.list-layout .article-inner .entry-meta.top-meta { padding-bottom: 0; } .site-main.archive-template.list-layout .article-inner .entry-meta.bottom-meta { padding-top: 15px; } .site-main.archive-template.list-layout .entry-content { padding-top: 15px; padding-bottom: 15px; } /* Author Template */ .post-date i.icon, .post-author i.icon, .post-comment i.icon, .post-views i { font-size: 14px; margin-left: 0; vertical-align: baseline; } .entry-meta .post-category span { } .author-info-wrapper .media.author-info .media-left { padding-right: 0px; } .pull-center .author-info-wrapper .media.author-info { display: inline-block; } .pull-center .author-info-wrapper .media.author-info .media-left { margin-bottom: 20px; } .nav.author-social > li > a > i { height: 30px; line-height: 30px; width: 30px; } span.view-count { padding: 2px 10px; background: rgb(255, 7, 236); color: #fff; margin: 0 10px; text-align: center; text-align: -webkit-center; } .post-meta .post-author .author-img img { border-radius: 30px; width: 28px; margin-right: 10px; } /* ---- Gallery Styles ---- */ .left-gallery-grid, .right-gallery-grid, .right-gallery-grid > .grid-popup { float: left; max-width: 50%; } .left-gallery-grid .grid-popup { border-right: 1px solid #ffffff; } .right-gallery-grid > .grid-popup { border: 1px solid #ffffff; } .right-gallery-grid { margin-right: -1px; margin-top: -2px; } .single-post-template .right-gallery-grid { margin-top: -1px; } .right-gallery-grid > .grid-popup:nth-of-type(1n+5) {display: none;} /*------------------------------- Post Layout Styles ---------------------------------*/ article.post { margin-bottom: 60px; height: auto; overflow: hidden; /* padding: 0 30px 30px; */ } article.post * > p { margin-bottom: 0; } article.post .post-format-wrap .post-overlay-items { padding: 10px 30px; } .post-thumb-wrap { position: relative; } /*.post-thumb-wrap img { width: 100%; }*/ .post-full-thumb-wrap { height: auto; position:relative; width: 100%; background-color: #fff; } .blog-template.grid-layout ul.nav li { display: inline-block; } .blog-template.grid-layout .entry-title a { font-size: 22px; line-height: 1; } .grid-layout .article-inner .entry-meta.bottom-meta, .list-layout .article-inner .entry-meta.bottom-meta, .grid-layout article.post header.entry-header { padding-top: 10px; } .grid-layout .top-standard-post article.post header.entry-header { margin-top: 0; padding-top: 0; } .list-layout .article-inner .entry-meta.top-meta, .list-layout .post-meta .nav .post-category { padding-bottom: 0; } .grid-layout .article-inner .entry-content, .list-layout .article-inner .entry-content, article .article-inner .entry-content { padding-bottom: 20px; padding-top: 0; } .grid-layout h3.entry-title { font-size: 22px; margin-bottom: 0; } .grid-layout .bottom-meta .post-meta .nav .post-category { padding-bottom: 0; } /* Post Overlay */ .post-format-wrap { position: relative; } article.post .post-format-wrap .post-overlay-items { padding: 0 30px 30px; } .single-post-template article.post .post-format-wrap { margin-left: -30px; margin-right: -30px; } article.post:last-child, .article-inner > *:last-child, .grid-layout .article-inner > *:last-child, .list-layout .article-inner > .post-list-right-part > *:last-child { margin-bottom:0; } .grid-layout .article-inner > *, .list-layout .article-inner > .post-list-right-part > * { margin-bottom: 10px; } .post-overlay-items { bottom: 0; position: absolute; max-width: 100%; left: 0; right: 0; } .article-inner .post-overlay-items .entry-meta.top-meta { padding: 0; } .set-bg-img { background-position: center center; background-size: cover; min-height: 400px; width: 100%; max-height: 400px; } .post-full-thumb-wrap .post-overlay-items { position: relative; padding: 40px 0 60px; } .post-full-thumb-wrap .post-overlay-items.thumb-exists { bottom: 0; left: 0; position: absolute; right: 0; } .post-overlay-items > * { margin-bottom: 20px; } .post-overlay-items > *:last-child { margin-bottom: 0; } .post-overlay-items.video-post-overlay { position: relative; } /* Grid Layout */ .grid-layout article.post .post-format-wrap .post-overlay-items { padding: 0 20px 20px; } .grid-layout .article-inner > *:first-child { margin-top:20px; } .article-inner > .post-format-wrap, .grid-layout .article-inner > .post-format-wrap { margin-top:0px; } .grid-layout article.post{ float:left; } .grid-layout.isotope article.post { float: none; } .post-quote-wrap, .post-link-wrap{ background-size: cover; text-align: center; } .grid-layout .article-inner .entry-meta.top-meta { padding-bottom: 0; } /* List Layout*/ .site-main.list-layout .post-quote-wrap > .blockquote, .site-main.list-layout .post-link-inner, .site-main.list-layout .post-format-wrap .post-audio-wrap{ margin-bottom: 0; } .list-layout .article-inner .post-list-left-part { padding-right: 25px; margin-top: 0; } .list-layout .article-inner .post-list-left-part, .list-layout .article-inner .post-list-right-part{ float: left; width: 50%; } .list-layout .article-inner .post-list-right-part.post-list-full{ width:100%; margin-top: 0; } .site-main.list-layout .blockquote { border-left: 0; } .site-main.list-layout .post-format-wrap { margin: 0; } .site-main.list-layout article.post { padding: 30px; } .list-layout article.post header.entry-header { padding-top: 0; } /*---------------------------------- Single Post Layouts ------------------------------------*/ .post-template-default .roobia-single-post { background-color: #f4f4f4; } .single-post-template blockquote { background: #f7f7f7; padding: 20px; font-size: 16px; margin: 30px 0; font-style: italic; } .roobia-single-post .post-full-thumb-wrap .post-video-wrap { max-height: 500px; overflow: hidden; position: relative; text-align: center; text-align: -webkit-center; } blockquote.about-quote { background: #ffffff; padding: 20px; font-style: italic; line-height: 36px; } .single-post-template .entry-content h3 { margin-top: 20px; } span.first-ltr { display: block; float: left; font-size: 70px; line-height: 60px; padding: 0 8px 0 0; } .single-post-template article.post .post-format-wrap .post-overlay-items { padding-bottom: 0; color: #fff; } .single-post-template article.post .post-format-wrap .post-overlay-items .post-meta ul li a { color: #fff; } .post-full-thumb-wrap .owl-carousel { max-height: 500px; } .roobia-single-post .post-link-inner, .roobia-single-post .post-quote-wrap > .blockquote { padding: 150px 15px; } .roobia-single-post .post-quote-wrap blockquote { margin-bottom: 0; } .post-audio-full-wrap .post-audio-wrap { padding-left: 15px; padding-right: 15px; } .site-main.single-post-template .entry-meta.bottom-meta { padding: 30px 0; border-top: 1px solid rgba(0,0,0,.1); } .single-post-template article.post { padding: 0 30px 0; } /*.site-main.single-post-template .entry-header, .site-main.single-post-template .entry-meta.top-meta { margin-bottom: 20px; }*/ /*.site-main.single-post-template .article-inner .entry-meta.top-meta { padding-bottom: 0; }*/ /* Standard Layout */ .standard-layout .post-video-wrap iframe, .single-post-template .post-video-wrap iframe{ min-height: 400px; } .top-standard-post article.post { margin-bottom: 30px; } .grid-layout .post-video-wrap iframe, .list-layout .post-video-wrap iframe{ min-height: 200px; } .roobia-single-post .author-info-wrapper, .roobia-single-post .post-navigation-wrapper { padding: 40px 0; } /* Link Post */ .post-link-inner i { font-size: 35px; color: #fff; } .post-link-inner h4 { padding-top: 20px; } .post-link-wrap a.post-link:hover { opacity: .7; } /*.post-audio-wrap{ padding-top: 40px; padding-bottom:40px; }*/ .post-audio-wrap .mejs__audio { max-width: 100%; } .post-video-wrap { min-height: 200px; } /* Quote Post */ .post-quote-wrap > .blockquote, .post-link-inner{ padding:50px 15px; background-color: rgba(0, 0, 0, 0.7); } .post-quote-wrap > .blockquote h4, .post-link-wrap .post-link-inner a{ color: #fff; line-height: 42px; } .post-quote-wrap > .blockquote .blockquote-footer{ color: #ffffff; margin-top: 10px; } .post-quote-wrap blockquote.blockquote { text-align: center; text-align: -webkit-center; } .blockquote i { font-size: 35px; color: #fff; margin-bottom: 20px; } .post-quote-wrap.blockquote-theme .blockquote, .post-link-wrap.post-link-theme .post-link-inner { border: 25px rgba(0, 0, 0, 0.05) solid; } /* Post Comments */ .comments .media > .media-left { margin-right: 20px; } .comment-like { cursor: pointer; } .comments li.comment { margin-bottom: 20px; } .comments li.comment:last-child { margin-bottom: 0; } .roobia-single-post .post-comments-wrapper { padding-top: 60px; } .roobia-single-post .post-comments .comment-meta { margin-top: 20px; } .roobia-single-post .post-comments p.comment-meta { padding-bottom: 25px; border-bottom: solid 1px #f3f3f3; margin-bottom: 25px !important; } .roobia-single-post .post-comments .comment-text { padding: 25px; margin-bottom: 25px; background: #fff; } .comment-meta span.reply a > i { font-size: 13px; margin-right: 5px; } /*.post-comments .comment-meta span.reply:before { content: "\e051"; font-family: Simple-Line-Icons; margin-right: 10px; font-size: 13px; }*/ .comments .author-img .author-meta { padding: 10px 15px; padding-top: 40px; padding-bottom: 15px; font-size: 14px; background: #fff; position: relative; text-align: center; z-index: -1; -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.9); } .comments .author-img .author-meta i { margin-right: 8px; font-size: 16px; } .comments .author-img img { margin-bottom: -25px; -webkit-box-shadow: 0 7px 20px -2px rgba(171, 171, 171, 0.9); -moz-box-shadow: 0 7px 20px -2px rgba(171, 171, 171, 0.9)); box-shadow: 0 7px 20px -2px rgba(171, 171, 171, 0.9); webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /*Related Post Slider*/ a.related-post-title { display: block; padding: 20px; font-size: 18px; background: #fff; text-align: -webkit-center; text-align: center; } /*-------------------------------------------------------------- 10.0 Forms --------------------------------------------------------------*/ form .form-control, button, input, optgroup, select, textarea { line-height: 40px; padding: 0 15px; border: solid 1px #ddd; -webkit-transition: border ease 0.35s; -moz-transition: border ease 0.35s; transition: border ease 0.35s; } input:focus, optgroup:focus, select:focus, textarea:focus { outline: none; } input, input.form-control, textarea, textarea.form-control, .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { font-size: 14px; } .btn, .btn.btn-default, input[type="submit"], button[type="submit"] { outline: none; cursor: pointer; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } input[type="submit"], button[type="submit"]{ color: #fff; } input[type="submit"]:hover, button[type="submit"]:hover, .comment-form .submit.btn.btn-default:hover { background: #fff; color: #222; cursor: pointer; } /* 10.1 Contact Form 7 */ .wpcf7 input[type="submit"] { margin-bottom: 0; height: 40px; line-height: 0; width: auto; } .wpcf7 .invalid input { margin-bottom: 0; } /* 10.2 Comment Form */ .comment-reply-title { margin-bottom: 15px; } .comment-form input.form-control, .comment-form textarea, .comment-form textarea.form-control { border: 1px solid #eee; font-size: 14px; color: #4e4e4e; margin-bottom: 20px; } .comment-form input.form-control:focus, .comment-form textarea:focus, .comment-form textarea.form-control:focus { border: 1px solid; } .comment-form .submit.btn { margin-top: 10px; } .post-comments .post-box { margin-bottom: 40px; } /* 10.3 Search Form*/ .search-form .input-group .form-control { height: 45px; border-bottom-left-radius: 30px; border-top-left-radius: 30px; width: 100%; } .search-form .input-group .btn { padding: 0px 20px; border-bottom-right-radius: 30px; border-top-right-radius: 30px; cursor: pointer; color: #fff; border-color: #efefef; line-height: 43px; } .search-form .input-group .btn:hover, .search-form .input-group .btn:focus, .search-form .input-group .btn:active{ background: transparent; color: #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .nav-item-inner .search-form{ display:inline-block; } /*-------------------------------------- General Meta Styles ----------------------------------------*/ .post-meta .nav .nav-item, .nav.comments-share > li, .comments-like-nav > li { padding: 0 8px; } .post-meta .nav .nav-item:first-child, .nav.comments-share > li:first-child, .comments-like-nav > li:first-child { padding-left:0; } .post-meta .nav .nav-item:last-child, .nav.comments-share > li:last-child, .comments-like-nav > li:last-child { padding-right:0; } .post-meta .post-more a.read-more:hover{ background: transparent; color: #222; } .post-tags a { padding-left: 4px; } /*article.post header.entry-header { padding-top: 30px; } *//*article.post:first-child header.entry-header { padding-top: 0; }*/ .post-fav-wrap a.icon.icon-heart.post-fav-done, .single-post-template article.post .post-format-wrap .post-overlay-items .post-fav-wrap a.icon.icon-heart.post-fav-done { color: #e72153; } .icon-like:before, .icon-dislike:before { font-size: 15px; } span.like-count, span.dlike-count { padding: 0 6px; display: inline-block; font-family: "Work Sans"; } ul.nav.nav-block > li { display: inline-block; } ul.nav.nav-block { display: block; } /* Post Meta*/ .post-category, .post-tags { word-break: break-all; } .post-category > a:first-child, .post-tags > a:first-child { padding-left: 0; } .pull-center .author-info-wrapper .media-left.author-avatar img { webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .post-author span { display: inline-block; vertical-align: middle; } .posts-count h5 { text-transform: capitalize; font-size: 18px; } .posts-count h5:before{ content: "\e005"; } .posts-count h6:before{ content: "\e05f"; } .posts-count h6:before, .posts-count h5:before { font-family: Simple-Line-Icons; font-size: 13px; padding-right: 10px; vertical-align: middle; } /* Magnific Popup Styles */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .post-video-wrap { position: relative; } .post-video-wrap iframe{ border: none; } .video-play-icon { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .video-play-icon > span { font-size: 100px; color: #fff; } .video-play-icon > span, .video-play-icon > span:hover { transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; } .grid-layout .video-play-icon > span { font-size: 70px; } .zoom-anim-dialog{ max-width: 800px; margin:0 auto; position:relative; } .zoom-anim-dialog .mfp-close { left: auto; position: absolute; } /*------------------------ Infinite Scroll --------------------------*/ #infscr-loading { bottom: -20px; left: 0; position: absolute; right: 0; } #infscr-loading > img { left: 50%; position: absolute; top: 0%; transform: translateX(-50%); margin-top: 20px; } #infscr-loading > div { margin: 0 auto; text-align: center; text-align: -webkit-center; font-size: 20px; } /* 9.3 Related Slider */ h4.related-title { padding-bottom: 20px; margin-bottom: 20px; } .related-slider-wrapper { margin-top: 60px; position: relative; } .related-slider-wrapper .related-meta > div { padding-left: 0; } .related-slider-content { padding: 20px; background: #fff; } .empty-post-image { background: rgba(0, 0, 0, 0.5); height: 100px; position: relative; } .empty-post-image > i { color: #ffffff; position: absolute; top: 50%; left: 0; right: 0; font-size: 40px; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } /*-------------------------------- 17.0 Post Navigation ----------------------------------*/ .post-navigation .nav-links > * { float: left; max-width: 48%; } .navigation.post-navigation .nav-next { float: right; } .post-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-previous:after{ font-family: FontAwesome; font-size: 20px; position: absolute; text-align: center; text-align: -webkit-center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 30px; } .post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous { position: relative; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a { border-bottom: solid 1px; padding-bottom: 5px; font-size: 20px; line-height: 2; } .post-navigation .nav-links .nav-previous a i, .post-navigation .nav-links .nav-next a i { vertical-align: middle; } .post-navigation .nav-links .nav-previous a i { padding-right: 10px; } .post-navigation .nav-links .nav-next a i { padding-left: 10px; } .nav.pagination > li.nav-item a { background: #e8e8e8; } /* 17.1 Pagination Styles */ .pagination .nav-item a, .nav.pagination li.nav-item span.active { padding: 10px 17px; margin-right: 8px; display: block; background: #fff; } .nav.pagination > li.nav-item span.active, .pagination .nav-item a:hover, .nav.pagination > li.nav-item a:hover { color: #fff; } .nav.pagination > li.nav-item a { color: #222; } .nav.pagination.post-pagination { padding-top: 60px; } /*-------------------------------------------------------------- 15. Owl Carousel --------------------------------------------------------------*/ .owl-carousel, .owl-carousel .owl-item { position: relative; } /*owl Dots*/ .owl-carousel .owl-dots { text-align: center; margin-top: 25px; } .owl-carousel .owl-dot { display: inline-block; } .owl-dot.active span { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } .owl-dot span { background: #171717 none repeat scroll 0 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); display: block; height: 7px; margin: 0 7px; width: 7px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #000; z-index: 999999; } /*owl Navigation*/ .owl-prev, .owl-next { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); } .owl-next { right: 0; } .owl-prev, .owl-next { border-radius: 0; width: 40px; height: 40px; margin: 0; line-height: 40px; font-size: 0px; text-align: center; } .owl-prev, .owl-next { background-color: #333; } .owl-prev:hover, .owl-next:hover, .owl-prev, .owl-next { color: #fff; transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; } .owl-next:before { content: "\f105"; } .owl-prev:before { content: "\f104"; } .owl-next:before, .owl-prev:before { line-height: 40px; font-family: FontAwesome; font-size: 25px; } /*.item > div > div { margin: 10px; } */ /*-------------------------------------------------------------- 16. Widget Styles --------------------------------------------------------------*/ .widget-area .widget { margin-bottom: 50px; } .widget ul.social-icons > li:first-child { padding-top: 5px; } /*widget general*/ .widget { max-width: 100%; overflow: hidden; margin-bottom:32px; } .widget .nav { display: block; } /*widgets title*/ .widget-title { margin-bottom: 20px; text-transform: uppercase; position: relative; } /*.site-footer .widget .widget-title::after { content: ""; background-color: #5328fe; bottom: 8px; content: ''; height: 25%; left: 0; position: absolute; width: 40%; z-index: -1; } .site-footer .widget .widget-title { z-index: 0; display: inline-block; } */ .widget-title a { color: #fff; } .widget:last-child { margin-bottom: 0; } .widget select { width: 100%; } .widget ul li, .widget ol li { padding: 5px 0; } .widget ul li:first-child, .widget ol li:first-child { padding-top: 0; } .widget ul li:last-child, .widget ol li:last-child { padding-bottom: 0; } .widget ul .children li { padding-left: 15px; } .widget p:last-child { margin-bottom: 0; } .widget ul:last-child { margin-bottom: 0; } /*Widget Search*/ .widget_search .search-form .input-group .btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .widget_search .search-form .input-group .form-control { border-bottom-left-radius: 4px; border-top-left-radius: 4px; height: 43px; border-color: rgb(236, 236, 236); } .widget_search .search-form .input-group .btn { background: #e4e4e4; color: #000; } /*Video*/ .widget_media_video .mejs__container, .widget_media_video .mejs__overlay-play, .widget_media_video .wp-video-shortcode video, video.wp-video-shortcode { height: 100%; max-width: 100%; } /*About widget*/ .about-widget img { margin-bottom: 20px; } img.sign-image { margin-top: 20px; max-width: 250px; } /*Author widget*/ .zozo_author_widget img { margin: 0 0 10px 0; } .zozo_author_widget span { display: block; } /*Contact Info */ .contact-widget .contact-text { margin-bottom: 20px; } /*instagram widget*/ /*Instagram Pictures*/ .widget .instagram-pics li { display: inline-block; height: 60px; width: 67px; padding: 0px 5px 0px 0px; } .widget .instagram-pics li .insta-footer-img { background-position:center; height:100%; width:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; } .instagram-pics.instagram-size-thumbnail li { height: 90px; width: 96px; margin-right: 6px; } .instagram-pics.instagram-size-large li { height: 150px; width: 50%; } .widget .instagram-pics.instagram-size-original li { width: 100%; height: 150px; } .widget-area .instagram-pics.instagram-size-large li { width: 33.3%; height: 100px; } .widget.null-instagram-feed .clear { text-align: center; margin-bottom:0; } .null-instagram-feed p a { padding: 8px 25px; display: inline-block; border-radius: 40px; margin-top: 20px; color:#fff; } .null-instagram-feed p a:hover { background: #000; } .widget .instagram-pics li .insta-footer-img { position: relative; } .widget .instagram-pics li .insta-footer-img:before { content: "\f08a"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; right: 0; opacity: 0; color: #fff; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: -webkit-center; text-align: center; } .widget .instagram-pics li .insta-footer-img:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 0; background: rgba(0, 0, 0, 0.61); } .widget .instagram-pics li .insta-footer-img:hover:before, .widget .instagram-pics li .insta-footer-img:hover:after { transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; } .widget .instagram-pics li .insta-footer-img:hover:before, .widget .instagram-pics li .insta-footer-img:hover:after { opacity: 1; } /*/* Instagram Hover Effects */ .instagram-pics.instagram-size-large > li > a div.insta-footer-img { position: relative; } .widget .instagram-pics.instagram-size-large > li > a div.insta-footer-img{ position: relative; overflow:hidden; } .instagram-pics.instagram-size-large > li > a div.insta-footer-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .instagram-pics.instagram-size-large > li > a div.insta-footer-img:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*Tag Cloud Widget*/ .widget.widget_tag_cloud a.tag-cloud-link { background: transparent; color: #333; font-size: 12px !important; padding: 3px 8px; display: inline-block; text-decoration: none; line-height: normal; margin-bottom: 8px; margin-right: 6px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; border: solid 1px transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .widget.widget_tag_cloud a.tag-cloud-link:hover { background: transparent; color: #fff; border: solid 1px #333; } /*widget service menu*/ .widget .menu-item-object-roobia-service a { display: block; padding: 15px; background: #333; color:#fff; border-right: 5px solid; } .widget .menu-item-object-roobia-service a:hover, .widget .menu-item-object-roobia-service.current-menu-item a { color:#333; -webkit-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; border-color:#333; } /*widget Archive*/ .widget_archive li:before { content: "\f073"; font-family: FontAwesome; padding-right: 10px; } /*widget calender*/ .widget_calendar th, .widget_calendar td { text-align: center; border: 1px solid #ccc; } .widget_calendar tr { border-bottom: 1px solid #eee; } .widget_calendar table { border-collapse: collapse; margin: 0; width: 100%; } .widget_calendar .calendar_wrap th, .widget_calendar tfoot td a { color:#fff; } .widget_calendar .calendar_wrap td a { font-weight: 800; } .widget_calendar td, .widget_calendar th { padding: 0.4em; } .widget_calendar caption { text-align: center; border-bottom: 1px solid; font-weight: 600; } /*Twitter Widget*/ .zozo-twitter-widget .twitter-wrap.media { margin-bottom: 20px; padding-bottom: 20px; } .widget .zozo-twitter-widget ul li.tweet-item { padding:0; } .tweet-profile-pic img { max-width: 50px; } /*Tab Widget*/ .widget.zozo_advance_tab_post_widget .widget-title { text-align: center; text-align: -webkit-center; } .zozo_advance_tab_post_widget .nav-tabs .nav-link { line-height: 36px; border-radius: 0; background: #ececec; color: #000; border: 0; font-weight: 600; } .widget.zozo_advance_tab_post_widget p { font-size: 14px; line-height: 1; margin-bottom: 10px; } .zozo_advance_tab_post_widget .nav-tabs .nav-item.show .nav-link, .widget .nav-tabs .nav-link.active { color: #fff; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .post-item-comment span:before, .side-item-meta span.post-item-comment:before{ content: "\e04a"; font-family: Simple-Line-Icons; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 10px; vertical-align: top; } .post-item-date span:before, .side-item-meta span.post-item-date:before { content: "\e075"; font-family: Simple-Line-Icons; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 10px; vertical-align: top; } .zozo_advance_tab_post_widget .post-item > .post-image { max-width: 110px; position: relative; } ul.nav.nav-tabs { display: flex; border-bottom: 0; } .tab-content { padding: 30px 0 0; position: relative; } .zozo_advance_tab_post_widget ul.post-newsfeed li, .zozo_advance_tab_post_widget li.recentcomments { padding: 20px 0; border-bottom: 1px solid #d5eaea; } .zozo_advance_tab_post_widget ul.post-newsfeed li:first-child, .zozo_advance_tab_post_widget li.recentcomments:first-child { padding-top: 0; } .zozo_advance_tab_post_widget ul.post-newsfeed li:last-child, .zozo_advance_tab_post_widget li.recentcomments:last-child { padding-bottom: 0; border: none; } .zozo_advance_tab_post_widget .post-image a { display: block; position: relative; } .post-item:hover .post-image a:before { position: absolute; top: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; -webkit-transition: .2s ease all; transition: .2s ease all; } /*Portfolio Single*/ .portfolio-single .custom-post-nav { margin-bottom: 25px; } .portfolio-single .portfolio-content { padding-top: 5px; } .portfolio-meta h6 { font-size: 14px; } ul.portfolio-meta-list .portfolio-meta-title-wrap h6, span.portfolio-meta-icon { color: #9c9c9c; } .portfolio-single .portfolio-meta { padding-top: 20px; } .cpt-related-title { font-weight: 600; } .portfolio-related-slider .owl-carousel { padding-top: 30px; } .portfolio-related-slider .related-title { padding: 20px 0; text-align: center; background: #f7f7f7; } /*.portfolio-single .is_stuck { padding-top: 140px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; }*/ .site-main.single-post-template .article-inner:first-child .entry-header { margin-top: 20px; margin-bottom: 0; } /*.single-post-template article.post a { font-size: 15px; }*/ .portfolio-single .portfolio-owl-gallery .owl-next:hover, .portfolio-single .portfolio-owl-gallery .owl-prev:hover { background: #000; } /*Portfolio Single Gallery*/ .portfolio-single .portfolio-grid-gallery.grid-layout figure a:before { content: "\e057"; font-family: 'Simple-Line-Icons'; position: absolute; top: 50%; left: 0; right: 0; transform: scale(0) translateY(-50%); text-align: center; font-size: 28px; opacity: 0; z-index: 1; } .portfolio-single .portfolio-grid-gallery.grid-layout figure a:after { content: ""; display: block; background: rgba(255, 255, 255, 0.84); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; } .portfolio-single .portfolio-grid-gallery.grid-layout figure:hover a:before { opacity: 1; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; transform: scale(1) translateY(-50%); } .portfolio-single .portfolio-grid-gallery.grid-layout figure:hover a:after { opacity: 1; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } /*Widget Latest Post*/ .roobia_latest_post_widget img { margin: 0 10px 10px 0; max-width: 60px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; } .roobia_latest_post_widget li { margin-bottom: 14px; clear: both; } .roobia_latest_post_widget li a { display: block; font-weight: 600; } .roobia_latest_post_widget .side-item-meta { font-size: 13px; } .widget .comments-wrap > *:last-child { margin-right: 0; } .widget .comments-wrap > * { display: inline-block; margin-right: 15px; } /*Latest Posts*/ .side-image { display: block; float: left; margin-right: 15px; } .roobia_popular_post_widget .side-item { margin-bottom: 15px; } .roobia_popular_post_widget .side-item:last-child { margin-bottom: 0px; } ul.posts-ul > li { margin-bottom: 20px; } ul.posts-ul > li:last-child { margin-bottom: 0; } .side-item-meta span { display: block; font-size: 13px; } /*widget rss*/ .rsswidget img { display: inherit; } .widget_rss ul li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; padding-top: 0; } .widget_rss ul li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } /*-------------------------------------------------------------- 17. VC Styles --------------------------------------------------------------*/ .roobia-content-wrapper .content-area section, .vc_row { padding: 100px 0 100px 0; } section > .vc_row{ padding: 0; } .vc_row.vc_inner { padding: 0; } .wpb_row.vc_row { margin-bottom: 0; padding: 100px 0; } .wpb_wrapper .ubtn-ctn-left > *:last-child, .wpb_column .wpb_wrapper > *:last-child { margin-bottom: 0px !important; } .wpb_wrapper > div { margin-bottom: 20px; } .vc_row { padding: 100px 0; } .vc_row.vc_inner { padding: 0; } .vc_row-has-fill > div > .vc_column-inner:first-child, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner:first-child { padding-top: 0; } .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner { z-index:0; } .bg-fixed > div , section.bg-fixed ,.vc_row.bg-fixed { background-attachment: fixed; } /* Vc Row Styles */ span.row-overlay { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .row-overlay-dark > span.row-overlay { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } .row-overlay-light > span.row-overlay { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; } /*-------------------------------------------------------------- 18. VC Button Styles --------------------------------------------------------------*/ button.vc_general.vc_btn3.vc_btn3-style-outline-custom { letter-spacing: 2.2px; } .vc_general.vc_btn3.vc_btn3-size-md .vc_btn3-icon { font-size: 18px; height: 19px; line-height: 1; } /*-------------------------------------------------------------- 18. Footer Styles --------------------------------------------------------------*/ .site-footer { background-repeat: no-repeat; background-size: cover; background-position: center center; } footer.site-footer { position: relative; } .footer-bottom-inner { padding-top: 30px; padding-bottom: 30px; } .footer-menu{ padding:0; } .footer-menu > li { display: inline-block; padding: 0 10px; } .site-footer.footer-fixed { bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: fixed; right: 0; z-index: -1; } /*Footer Top*/ .footer-top-wrap { padding:60px 0; } /*Footer Middle*/ .footer-middle-wrap { padding: 60px 0; } /*footer Bottom*/ .footer-bottom.footer-bottom-fixed { bottom: 0; left: 0; position: fixed; right: 0; } .footer-bottom .widget-title { padding-bottom: 0; margin-bottom: 0; } .footer-bottom .widget.zozo_social_widget { padding-bottom: 40px; position: relative; } .footer-bottom .widget.zozo_social_widget:before { content: ""; background: #d2d2d2; width: 100%; height: 1px; position: absolute; bottom: 20px; left: 0; } .footer-bottom .footer-bottom-inner ul.nav > li { display: block; } .footer-fixed .footer-bottom.footer-bottom-fixed { position: relative; } .footer-bottom { background: #f7f7f7; } /* Woo Styles */ .cart-dropdown-menu { left: auto; right: 0; width: 210px; } .cart-dropdown-menu > li > * { display: inline-block; padding: 5px; } .cart-dropdown-menu .product-remove { text-align: center; width: 20px; } .cart-dropdown-menu .product-name { color: #333333; font-size: 12px; line-height: 2; width: 100px; vertical-align: middle; } .cart-dropdown-menu > li .product-thumbnail { width: 64px; } .cart-dropdown-menu .mini-view-cart { line-height: 1; } .cart-dropdown-menu > li { line-height: 1; position: relative; } .remove-item-overlay > img { padding-top: 15px; } .no-cart-items, .cart-update-pbm { color: #333333; line-height: 1; margin-bottom: 0; width: 100%; font-size: 12px; } .remove-item-overlay { left: 0; position: absolute; right: 0; top: 0; display: none; } .woocommerce ul.products.related-slider li.product, .woocommerce-page ul.products.related-slider li.product { margin: 0; width: 100%; } /*-------------------------------------------------------------- 19. Animation key frames --------------------------------------------------------------*/ @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 100% { opacity: 1.0; } } /* Bootstrap Hidden Styles */ .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } @media only screen and (max-device-width : 1024px) and (orientation : landscape) { .hidden-md-land-down{ display: none !important; } .hidden-lg-land-up { display: block !important; } } /*-------------------------------------------------------------- 20. Responsive Styles --------------------------------------------------------------*/ @media only screen and (max-device-width : 991px){ .footer-bottom{ text-align:center; } .footer-bottom-items.nav { display: inline-block; float: none !important; margin: 0 !important; padding: 10px 0; text-align: center; } } @media only screen and (min-device-width : 991px){ .widget:last-child { margin-bottom: 0; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .wpb_row .wpb_column.vc_col-sm-6, .wpb_row .wpb_column.vc_col-sm-12 { margin-bottom: 30px; } } @media only screen and (max-device-width : 767px){ .wpb_row .wpb_column { margin-bottom: 30px; } .site-footer.footer-fixed { position: relative; } .footer-bottom.footer-bottom-fixed { position: relative; } /*page title*/ .page-title-inner .pull-left, .page-title-inner .pull-right { width: 100%; text-align:center; } .page-title-inner > div { display: block; } } @media only screen and (max-width: 767px) { ul.social-icons > li > a { margin-bottom: 8px; } .portfolio-info { padding-top: 40px; } .video-play-icon > span { font-size: 50px; } .widget:last-child { margin-bottom: 50px; } } @media only screen and (max-width: 782px) and (min-width: 600px) { .logged-in.admin-bar .sticky-outer .header-sticky, .logged-in.admin-bar .sticky-outer .sticky-scroll.show-menu { top:46px; } } @media only screen and (max-device-width : 600px){ .logged-in.admin-bar .mobile-header-inner .sticky-outer .header-sticky, .logged-in.admin-bar .mobile-header-inner .sticky-outer .sticky-scroll.show-menu { top: 0; } } @media (min-width: 768px) { .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-6 { right: 50%; } .pull-md-8 { right: 66.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-6 { left: 50%; } .push-md-8 { left: 66.666667%; } .offset-md-2 { margin-left: 16.666667%; } } @media (min-width: 768px) { .site-footer.footer-fixed { bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: fixed; right: 0; z-index: -1; } .full-search-wrapper .search-form .input-group .form-control, .full-search-wrapper .search-form .input-group .btn { font-size: 16px; line-height: 3; } } /*Scrollbars*/ .secondary-menu-area::-webkit-scrollbar, .sticky-header-space::-webkit-scrollbar { width: 100px; height: 12px; border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; } .secondary-menu-area::-webkit-scrollbar-track, .sticky-header-space::-webkit-scrollbar-track, { background: #f7f7f7; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; } /*-------------------------------------------------------------- 28. RTL( Right to Left ) Styles --------------------------------------------------------------*/ .rtl { direction: rtl; } /*RTL Float*/ .rtl .pull-left, .rtl .page-title-inner .pull-left { float: right; } .rtl .pull-right, .rtl .page-title-inner > div { float: left; } .rtl .roobia-single-post .post-comments .comment-text { margin-right: 15px; } .rtl .post-box-title { margin-bottom: 25px; } .rtl .search-toggle-wrap, .rtl .widget .side-item-text { padding-right: 15px; } /*RTL Btn*/ .rtl .search-form .input-group .btn, .rtl .search-form .input-group .form-control { border-bottom-left-radius: .25rem; border-top-left-radius: .25rem; border-bottom-right-radius: 0; border-top-right-radius: 0; border-left: none; } .rtl .search-form .input-group .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; border-right: 1px solid #ccc; border-left: 0; padding-right: 15px; } .rtl blockquote.blockquote { border-left: none; } /*RTL Header Styles*/ .rtl .topbar-items .nav-item-inner, .rtl .logobar-items .nav-item-inner, .rtl .navbar-items .nav-item-inner { padding-left: 30px; padding-right: 0; } .rtl .topbar-items .nav-item:last-child .nav-item-inner, .rtl .logobar-items .nav-item:last-child .nav-item-inner:last-child, .rtl .navbar-items .nav-item:last-child .nav-item-inner:last-child { padding-left: 0; } .rtl .header-inner .media i { margin-right: 0; margin-left: 16px; } .rtl .pull-right .breadcrumb { text-align: left; } /*RTL Main Menu*/ .rtl .roobia-main-menu li a.dropdown-toggle:after { margin-right: 8px; } .rtl span.menu-icon, .rtl .post-tags-before { padding-left: 10px; } .rtl .dropdown-menu { left: 0; } .rtl .roobia-main-menu .dropdown-menu .dropdown-menu { top: -3px; right: 100%; } .rtl ul.dropdown-menu > li, .rtl ul.mega-child-dropdown-menu > li { text-align: right; } .rtl .mega-dropdown-menu > li { float: right; } .rtl .roobia-main-menu > li > .dropdown-menu li.dropdown:hover > a:after { content: "\f105"; float: left; } .rtl .roobia-main-menu > li > .dropdown-menu li.dropdown > a:after { content: "\f104"; float: left; } .rtl span.menu-tag { display: inline-block; padding: 5px 8px; line-height: 1; margin: 0 7px 0px 0; } /*Sticky Header*/ .rtl .zmm-dropdown-toggle { left: 0; right: auto; } .rtl .sticky-header-space.left-sticky .zmm-dropdown-toggle { left: 0; right: auto; } /*Icons*/ /*Form*/ .rtl .wpcf7 input[type="submit"] { float: right; } .rtl textarea, .rtl input, .rtl select { text-align: right; } /*Sliders*/ /*Portfolio*/ .rtl .portfolio-icons p a:last-child { margin-right: 6px; } /*Related Slider*/ .rtl .related-slider-wrapper .related-meta > div { padding-right: 0; } .rtl .owl-prev { left: 0; } /*RTL Meta Icons*/ .rtl .post-meta .post-author .author-img img { margin-left: 10px; margin-right: 0; } .rtl .post-meta .nav .nav-item, .rtl .nav.comments-share > li, .rtl .comments-like-nav > li { padding: 0 0px 0 12px; } .rtl .post-meta .post-fav-wrap li.nav-item { padding-left: 0 !important; } .rtl span.like-count, .rtl span.dlike-count { padding: 0 7px 0 0px; } /*Blog*/ .rtl span.before-icon { margin-right: 0; margin-left: 10px; } .rtl .blog-style-4 > .row .blog-inner { padding: 0 0 50px 15px; } .rtl .blog-style-4 > .row:last-child .blog-inner { padding-bottom: 0; } .rtl .blog-style-4 .post-thumb > img { margin-left: 20px; margin-right: 0; } .rtl .blog-wrapper .post-author .author-img { margin-right: 0; margin-left: 5px; } .rtl .top-meta ul > li, .rtl .bottom-meta ul > li { float: right; margin-left: 15px; margin-right: 0; } .rtl .top-meta ul li:last-child, .rtl .bottom-meta ul li:last-child { margin-left: 0; } /*RTL First letter*/ .rtl .letter-caption p::first-letter { margin: 0px 5px 0px 0px; } /*Chart*/ .rtl .vc_chart .vc_chart-legend span { margin-left: .5em; } /*Services*/ .rtl .widget-area .widget .menu-item-object-mf-service a:before { left: 20px; right: auto; } .rtl .contact-widget-info > p > span:first-child { float: right; } /*Portfolio*/ .rtl .portfolio-icons p a:last-child { margin-right: 6px; } .rtl .portfolio-masonry-layout .portfolio-minimal .portfolio-icons p a { margin-right: 0px; margin-left: 12px; } .rtl .sticky-header-space.left-sticky .zmm-dropdown-toggle { left: 0; right: auto; } .rtl .post-navigation .nav-links .nav-previous a i { padding-right: 0; padding-left: 10px; } /*Portfolio Single*/ .rtl .portfolio-meta-title-wrap .portfolio-meta-icon { margin-right: 0; margin-left: 10px; } /*Related Slider*/ .rtl .related-slider-wrapper .related-meta > div { padding-right: 0; } /*RTL Widgets*/ .rtl .zozo_advance_tab_post_widget .post-item > .post-item-desc { padding-right: 20px; } .rtl .site-footer .widget .widget-title, .rtl .tab-content, .rtl .zozo_advance_tab_post_widget .post-item > .post-item-desc { text-align: right; } .rtl .widget li.cat-item a, .rtl .widget.widget_archive li a, .rtl .widget .author-counts a { display: inline-block; } .rtl i.icon { padding-left: 10px; padding-right: 0; } /*Rtl For widgets */ .rtl .mr-3 { margin-right: 0 !important; margin-left: 1rem; } .rtl .contact-widget > p > span { margin-right: 0; margin-left: 10px; } /*Post Widget*/ .rtl .widget.roobia_latest_post_widget li .side-image, .rtl .roobia_popular_post_widget li .side-image { float: right; } .rtl .roobia_latest_post_widget img, .rtl .roobia_popular_post_widget img { margin: 0 0 10px 10px; } .rtl .widget.roobia_latest_post_widget li .side-item .side-item-text, .rtl .roobia_popular_post_widget li .side-item .side-item-text { padding-right: 0; } .rtl .widget .comments-wrap > * { margin-right: 0; margin-left: 15px; } .rtl .widget .comments-wrap > *:last-child { margin-left: 0; } /*Footer*/ .rtl .site-footer .widget-title::after { right: 0; } /* ================================================================ * SPACINGS * ================================================================ */ .padding-none{padding:0!important}.padding-top-none{padding-top:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-right-none{padding-right:0!important}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-90{padding-top:90px}.padding-top-100{padding-top:100px}.padding-top-110{padding-top:110px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-100{padding-bottom:100px}.padding-bottom-110{padding-bottom:110px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-90{padding:90px}.padding-100{padding:100px}.padding-110{padding:110px}.padding-tb-10{padding-top:10px;padding-bottom:10px}.padding-tb-20{padding-top:20px;padding-bottom:20px}.padding-tb-30{padding-top:30px;padding-bottom:30px}.padding-tb-40{padding-top:40px;padding-bottom:40px}.padding-tb-50{padding-top:50px;padding-bottom:50px}.padding-tb-60{padding-top:60px;padding-bottom:60px}.padding-tb-70{padding-top:70px;padding-bottom:70px}.padding-tb-75{padding-top:75px;padding-bottom:75px}.padding-tb-80{padding-top:80px;padding-bottom:80px}.padding-tb-90{padding-top:90px;padding-bottom:90px}.padding-tb-100{padding-top:100px;padding-bottom:100px}.padding-tb-110{padding-top:110px;padding-bottom:110px}.padding-lr-10{padding-left:10px;padding-right:10px}.padding-lr-20{padding-left:20px;padding-right:20px}.padding-lr-30{padding-left:30px;padding-right:30px}.padding-lr-40{padding-left:40px;padding-right:40px}.padding-lr-50{padding-left:50px;padding-right:50px}.padding-lr-60{padding-left:60px;padding-right:60px}.padding-lr-70{padding-left:70px;padding-right:70px}.padding-lr-75{padding-left:75px;padding-right:75px}.padding-lr-80{padding-left:80px;padding-right:80px}.padding-lr-90{padding-left:90px;padding-right:90px}.padding-lr-100{padding-left:100px;padding-right:100px}.padding-lr-110{padding-left:110px;padding-right:110px}.margin-none{margin:0!important}.margin-top-none{margin-top:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-right-none{margin-right:0!important}.margin-top-1{margin-top:1px}.margin-top-2{margin-top:2px}.margin-top-3{margin-top:3px}.margin-top-4{margin-top:4px}.margin-top-5{margin-top:5px}.margin-top-6{margin-top:6px}.margin-top-7{margin-top:7px}.margin-top-8{margin-top:8px}.margin-top-9{margin-top:9px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-top-110{margin-top:110px}.margin-top-125{margin-top:125px}.margin-top-130{margin-top:130px}.margin-top-150{margin-top:150px}.margin-bottom-0{margin-bottom:0px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px!important}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-bottom-110{margin-bottom:110px}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-90{margin:90px}.margin-100{margin:100px}.margin-110{margin:110px}.margin-tb-10{margin-top:10px;margin-bottom:10px}.margin-tb-20{margin-top:20px;margin-bottom:20px}.margin-tb-30{margin-top:30px;margin-bottom:30px}.margin-tb-40{margin-top:40px;margin-bottom:40px}.margin-tb-50{margin-top:50px;margin-bottom:50px}.margin-tb-60{margin-top:60px;margin-bottom:60px}.margin-tb-70{margin-top:70px;margin-bottom:70px}.margin-tb-75{margin-top:75px;margin-bottom:75px}.margin-tb-80{margin-top:80px;margin-bottom:80px}.margin-tb-90{margin-top:90px;margin-bottom:90px}.margin-tb-100{margin-top:100px;margin-bottom:100px}.margin-tb-110{margin-top:110px;margin-bottom:110px}.margin-lr-10{margin-left:10px;margin-right:10px}.margin-lr-20{margin-left:20px;margin-right:20px}.margin-lr-30{margin-left:30px;margin-right:30px}.margin-lr-40{margin-left:40px;margin-right:40px}.margin-lr-50{margin-left:50px;margin-right:50px}.margin-lr-60{margin-left:60px;margin-right:60px}.margin-lr-70{margin-left:70px;margin-right:70px}.margin-lr-75{margin-left:75px;margin-right:75px}.margin-lr-80{margin-left:80px;margin-right:80px}.margin-lr-90{margin-left:90px;margin-right:90px}.margin-lr-100{margin-left:100px;margin-right:100px}.margin-lr-110{margin-left:110px;margin-right:110px} .padding-right-30{padding-right: 30px;} .padding-left-50{padding-left: 50px;} .margin-top-minus-150{margin-top: -150px;}.margin-top-minus-90{margin-top: -90px;}