/* Theme Name: Shapely Theme URI: https://colorlib.com/wp/themes/shapely Author: colorlib Author URI: https://colorlib.com/ Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Kali Forms, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business, personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website. Version: 1.2.9 Tested up to: 5.5 Requires PHP: 5.4.0 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: shapely Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout 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. Shapely is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ body { font-size: 13px; font-family: 'Roboto', sans-serif; text-align: left; line-height: 18px; color: #555; background:#ffffff; overflow-x: hidden; font-weight: 500; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; font-weight: normal; color: #333; } a:focus,a:visited,a:active,a:hover { color:#06186b; outline:none; } /* * Override Bootstrap's default container. */ @media (min-width: 1200px) { .container { width: 970px; } } /* * Masthead for nav */ .clr { clear: both; } .blog-masthead { background-color: #ffffff; -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); } /* Nav links */ .blog-nav-item { position: relative; display: inline-block; padding: 10px; font-weight: 500; color: #cdddeb; } .blog-nav-item:hover, .blog-nav-item:focus { color: #fff; text-decoration: none; } /* Active state gets a caret at the bottom */ .blog-nav .active { color: #fff; } .blog-nav .active:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent; } /* * Blog name and description */ .blog-header { padding-top: 20px; padding-bottom: 20px; } .blog-title { margin-top: 30px; margin-bottom: 0; font-size: 60px; font-weight: normal; } .blog-description { font-size: 20px; color: #999; } /* * Main column and sidebar layout */ .blog-main { font-size: 17px; line-height: 13px } .links-heading h5 { color: #0b0c0c; padding: 5px 6px; font-size: 16px; text-align: left; font-weight: bold; background: #5fc9dc; } /* Sidebar modules for boxing content */ .sidebar-module { padding: 15px; margin: 0 -15px; } .sidebar-module-inset { padding: 5px; font-size:12px; border-radius: 4px; } .sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child { margin-bottom: 0; } /* Pagination */ .pager { margin-bottom: 60px; text-align: left; } .pager > li > a { width: 140px; padding: 10px 20px; text-align: center; border-radius: 30px; } /* * Blog posts */ .blog-post { /* margin-bottom: 60px; */ } .blog-post-title { margin-bottom: 5px; font-size: 40px; } .blog-post-meta { margin-bottom: 20px; color: #999; } .posts-box li { list-style-type:square; margin-left:-14px; } .four-columns .elementor-widget-wrap { background: #d2dfe8eb; /* margin-right: 10px; */ } .four-columns ul.menu li { margin-left:-13px; list-style-type:square; } /* * Footer */ .menu-footer-menu-container { margin-top: 8px; } #page-container { position: relative; min-height: 100vh; } .blog-footer { position: relative; bottom: -10px; width: 100%; color: #ffffff; text-align: center; background-color: #1c3544; border-top: 1px solid #e5e5e5; font-weight: 600; font-size: 14px; } .blog-footer p:last-child { margin-bottom: 0; } /*** lyrathemes - custom styling ***/ ul.blog-nav { list-style-type: none; display: inline; padding-left: 249px; } /* Nav links */ .menu-item a{ position: relative; display: inline-block; /* padding: 5px 4px; */ padding: 0px; font-weight: 500; color: #000000; } .menu-item a:hover, .menu-item a:focus { text-decoration: underline; } /* Active state gets a caret at the bottom */ .menu-item.current-menu-item a{ color: #fff; } .menu-menu-1-container.current-menu-item > a:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent; } .sidebar-module ul { list-style: none; padding-left: 0; } .logo img { width:100%; margin: 0 auto; } .container { width: 100% !important; } .page-height { position: absolute !important; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .cleanpage { height: 100%; overflow: hidden; } .posts-links { width: 100%; float: left; /* margin-bottom: 15px; padding-bottom: 14px; */ } .posts-links-center { width: 100%; text-align:center; margin-bottom: 15px; padding-bottom: 14px; } .posts-box { background: #fff; border: solid 1px #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .posts-box-center { } .posts-box-right { background: #fff; border: solid 1px #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .posts-box h5,.posts-box-right h5,.posts-box-center h5 { margin: 0; color: #ffffff; padding: 11px 8px; background: #1c3544; text-align:left; font-size: 19px; line-height: 14px; font-weight: 400 !important; } .posts-box-center h5 { margin: 0; color: #ffffff; padding: 11px 8px; background: #1c3544; text-align:center; font-size: 19px; font-weight: 400 !important; line-height: 14px; } ul.slick-dots { display:none !important; } .bx-wrapper { margin-bottom: 0px !important; } .circular-style { min-height:322px; } table { background-color: transparent; width: 100%; border: 1px solid #0C207E !important; margin:0px !important; } td, th { border: 1px solid #0C207E !important; padding: 5px; color: black; } .latest-publication .swiper-container img { width:50% !important; } img.square{ height:170px !important; } .marquee-text td { background: #A01212; border-radius: 10px; border: 2px solid #ffffff !important; } .marquee-text a { color: white; padding: 7px; } .success-page h5 { font-size: 22px; font-weight: bold; } #menu-success-stories { border-top: 2px solid black; border-right: 2px solid black; border-left: 2px solid black; margin: 0px; padding: 0px; } #menu-success-stories li { border-bottom: 2px solid black; background: #257d79; padding: 7px; font-size: 19px; list-style-type:none !important; } #menu-success-stories a { color: white; line-height:23px; } #menu-success-stories li:hover { background: #eef0f3; color: #171616; } #menu-success-stories li:hover a { color: #171616; } .success-stories { text-align:center; } a.success-stories { text-align: center; margin: 0 auto; color: black; line-height: 29px; } table.mtphr-dnt-grid { border-collapse:inherit !important; border-radius:5px; border:none !important; } .psac-post-carousel.psac-design-2 .psac-post-margin-content { padding: 1px; background: green; color: aliceblue; line-height: 17px; overflow: hidden; } .psac-slider-and-carousel .owl-nav .owl-next, .psac-slider-and-carousel .owl-nav .owl-prev { background: none !important; color: #fffefe !important; border: none !important; font-size: 45px !important; } .elementor-widget:not(:last-child) { margin-bottom: 0px !important; } .wp-spaios-slider-wrap .un-caption { background: #7373736e !important; } .wp-video { width: 30% !important; height: 3% !important; margin: 0 auto; } .news-notices li { margin-left:-13px; list-style-type:square; } .news-notices a { position: relative; display: inline-block; padding: 2px 2px; font-weight: 400; color: #000000; line-height:18px; } #nav{margin:auto;} #banner-wrapper #banner-news .news{overflow:hidden;text-align:left;margin-top:10px;margin-bottom:10px;height:180px;} #banner-wrapper-first #banner-news-first .marquee-second{overflow:hidden;text-align:left;} .marquee-second li{ list-style-type:none; color:red; } #banner-wrapper #banner-news .news ul{margin-bottom:170px;} #banner-wrapper #banner-news .news ul li strong{color:#4a4a0a;} #banner-wrapper #banner-news .news ul li .news-text{display:table-cell;} .news li { margin-left:-13px; list-style-type:square; padding:8px 4px; } .news a { font-weight: 500; color: #000000; line-height:17px; } .a-left { float: left; width: 17%; } .a-right { margin: 8px 0px; text-align: left; display: inline-block; } .your-custom-class { width: 60%; } .news a:hover,.news a:visited { cursor:pointer; text-decoration:underline !important; color: black; } @media only screen and (max-width: 1366px) .menu-logo .hdr-menu .m-header-menu { width: 885px; position: absolute; left: 0; right: 0; top: 150px; margin: 0 auto; bottom: 0px !important; } ul#menu-footer-menu a { color: yellow; } #greentheme, .green { background-color: #1c3544 !important; } .swiper-image-stretch .swiper-slide .swiper-slide-image { height: 300px; } .m-header-menu{width:auto;} .m-header-menu li{display:inline-block;} @media all and (min-width:0\0) and (min-resolution:.001dpcm){.m-header-menu li.green::before,.m-header-menu li.green::after{display:none;}.m-header-menu li:hover::before,.m-header-menu li:hover::after,.m-header-menu li:focus::before,.m-header-menu li:focus::after{display:none;}} .m-header-menu li.menu-1901{background-image:url(/sites/all/themes/iihr/images/arka-mobile-apps.png);background-size:58%;background-position:50% 5px;} .m-header-menu li.menu-1901 a{color:#fff;display:inline-block;font-size:0px;margin-top:0px !important;padding:10px;line-height:14px;position:relative;z-index:99;width:100%;height:100%;} .m-header-menu li.menu-1901::before,.m-header-menu li.menu-1901::after{border:none !important;} .content-left{display:flex;flex-direction:column;}.front-mobile-app{display:flex;flex-direction:column;}.front-mobile-app p{padding:15px;text-align:center;} .m-header-menu li:nth-child(7){background-image:url(/sites/default/files/sis.gif) !important;padding-top:7px;} .m-header-menu li:nth-child(7) a{display:inline-block;font-size:12px;margin-top:20px;padding:5px;line-height:14px;position:relative;z-index:99;color:black;font-size:16px;font-weight:bold;} @media only screen and (max-width:1366px){.menu-logo .hdr-menu .m-header-menu{width:90%;position:absolute;left:0;right:0;top:150px;margin:0 auto;bottom:0px !important;}.wholebody a.logo.navbar-btn.pull-left img{position:absolute;top:-41px;}}@media only screen and (max-width:2000px){.wholebody a.logo.navbar-btn.pull-left img{position:absolute;top:-41px;}}.navbar-header,.m-header-menu{display:block;width:90%;padding:0;margin:auto;}.m-header-menu li{list-style-type:none;float:left;width: 142px; height: 142px;background-color:#264675;border-radius:50%; margin: 10px;display:inline-block;text-align:center;}.m-header-menu li a{color: #fff; display: inline-block; font-size: 18px; padding: 10px; line-height: 15pt; position: relative; z-index: 99; top: 47%;}.col-menu .navbar-collapse{background-color:#264675;}header.navbar-default .navbar-collapse ul.menu.navbar-nav li.first a{position:relative;color:#fff;font-size:0px;}header.navbar-default .navbar-collapse ul.menu li.first a::before{content:"\f015";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;color:#fff;font-size:35px;position:absolute;top:0;left:-5;right:0;text-align:center;}header.navbar-default .navbar-collapse ul.menu li span,header.navbar-default .navbar-collapse ul.menu li a{background-color:transparent;color:#fff;padding:0;line-height:20px;}header.navbar-default .navbar-collapse ul.menu li{border-right:1px dotted #fff;margin:10px 0;position:relative;padding:0 10px;}header.navbar-default .navbar-collapse ul.menu>li::before{position:absolute;top:70%;left:50%;color:transparent;content:"•";text-shadow:0 0 transparent;font-size:10px;-webkit-transition:text-shadow 0.3s,color 0.3s;-moz-transition:text-shadow 0.3s,color 0.3s;transition:text-shadow 0.3s,color 0.3s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}header.navbar-default .navbar-collapse ul.menu>li:hover::before,header.navbar-default .navbar-collapse ul.menu>li:focus::before{color:#fff;text-shadow:7px 0 #fff,-7px 0 #fff;}header.navbar-default .navbar-collapse ul.menu li:last-child{border:none;}.carousel-control.left,.carousel-control.right{background-image:none;}.m-header-menu li{background-repeat:no-repeat;background-position-y:25%;background-position-x:center;background-repeat:no-repeat;position:relative;}.m-header-menu li::before,.m-header-menu li::after{position:absolute;top:50%;z-index:9;left:50%;width:154px;height:154px;border:2px solid rgb(38,70,117);border-radius:50%;content:'';opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(0.2);-moz-transform:translateX(-50%) translateY(-50%) scale(0.2);transform:translateX(-50%) translateY(-50%) scale(0.2);}.m-header-menu li::after{width:105px;height:105px;border:6px solid rgb(32,60,102);-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);-moz-transform:translateX(-50%) translateY(-50%) scale(0.8);transform:translateX(-50%) translateY(-50%) scale(0.8);}.m-header-menu li.green::before,.m-header-menu li.green::after{border:2px solid #fefefe3b;}.m-header-menu li.green::after{border:6px solid rgb(254 254 254 / 20%);}.m-header-menu li.orange::before,.m-header-menu li.orange::after{border:2px solid #800000;}.m-header-menu li.orange::after{border:6px solid rgb(254 254 254 / 20%);}.m-header-menu li:hover::before,.m-header-menu li:hover::after,.m-header-menu li:focus::before,.m-header-menu li:focus::after{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);}.m-header-menu li:nth-child(1){background-image:url(https://cafri.res.in/wp-content/uploads/2021/07/seeds_planting_icon.png);}.m-header-menu li:nth-child(2){background-image:url(https://www.iihr.res.in/sites/all/themes/iihr/images/onsite.png);}.m-header-menu li:nth-child(3){background-image:url(https://cafri.res.in/wp-content/uploads/2021/07/farm_icon.png);}.m-header-menu li:nth-child(4){background-image:url(https://cafri.res.in/wp-content/uploads/2020/10/mobile.png); background-size: 27px 40px;}.m-header-menu li:nth-child(5){ background-image: url(https://cafri.res.in/wp-content/uploads/2021/07/hostel.png);background-size: 27px 40px;}.dropdown-menu{top:163%;} @media only screen and (min-width:1900px){.m-header-menu li{list-style-type:none;float:left;width:150px;height:150px;background-color:#264675;border-radius:50%;margin:6px 12px;display:inline-block;text-align:center;}} @media screen and (min-width:1900){.m-header-menu{width:80% !important;position:absolute;left:0px;top:40% !important;}} ul#menu-header-menu { width: fit-content; } input#searchsubmit { color: #ffffff!important; background: #29363e; border-color: #29363e; border-radius: 0px; letter-spacing: 1px; font-size: 14px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 500!important; text-transform: uppercase!important; background-color: #29363e; padding: 11px 16px; } .searchform input#s { padding: 5px 12px; background-color: #fff; border: 1px solid #ccc; color: #1d1b1b; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } li.search-bar a { line-height: 1px !important; } form#searchform { padding-top: 6px; } .staff-content > div> div { border: 2px solid #C81616; } .staff-content { margin-bottom:20px; } .staff-content > div { background-color: transparent; background-image: radial-gradient(at top center, #FFFFFF 0%, rgba(223, 236, 10, 0.6392156862745098) 84%); } .staff-content h4 { color: #FF0000; font-size: 19px; font-weight: 700; } .staff-content h5 { color: #351b9a; font-size: 15px; } .staff-content p { color: #0919d4; font-size: 16px; line-height: 19px; margin: 3px 0px; padding: 0px; } .emaildiv { margin-bottom: 5px; } .fav { width: 8%; vertical-align: middle; margin-right: 5px; margin-bottom: 4px; } .profile-img img { padding: 0px; border: 1px solid #e06038 !important; } .profile-img { padding: 0px 4px 0px 4px; } @media only screen and (max-width: 765px) { .staff-content > div> div { text-align:center; } } /* Theme Name: Shapely Theme URI: https://colorlib.com/wp/themes/shapely Author: colorlib Author URI: https://colorlib.com/ Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Kali Forms, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business, personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website. Version: 1.2.9 Tested up to: 5.5 Requires PHP: 5.4.0 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: shapely Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout 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. Shapely is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { padding: 1em; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 14px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } /* p { margin-bottom: 1.5em; } */ dfn, cite, em, i { font-style: italic; } q:before, q:after { content: '"' !important; display: inline-block; position: relative; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /* html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #fff; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } table { margin: 0 0 1.5em; width: 100%; } */ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /* input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } */ select { border: 1px solid #ccc; } footer input[type="text"]:focus, footer input[type="email"]:focus, footer input[type="url"]:focus, footer input[type="password"]:focus, footer input[type="search"]:focus, footer input[type="number"]:focus, footer input[type="tel"]:focus, footer input[type="range"]:focus, footer input[type="date"]:focus footer input[type="month"]:focus, footer input[type="week"]:focus, footer input[type="time"]:focus, footer input[type="datetime"]:focus, footer input[type="datetime-local"]:focus, footer input[type="color"]:focus, footer textarea:focus { color: #fff; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ /* a, a:visited { color: #745cf9; font-weight: 600; cursor: pointer; } a:active { color: #09005e; } a:hover { color: violet; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a, a:visited, a:active, a:hover { text-decoration: none; } */ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; width: 100%; padding: 0px; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { width: 100%; } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation li:hover { background: #e84818; } .main-navigation ul ul:hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: none; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 992px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .site-title { font-size: 24px; line-height: 52px; color: #666; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-weight: 300; } .site-title:hover, .site-title:focus { color: #333; } #site-navigation .module.left { padding-left: 15px; } #site-navigation .container > .flex-row { display: flex; align-items: center; justify-content: space-between; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin: 6px 0px 6px 6px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } .contact-section .wpcf7-form label { width: 100%; } .contact-section.cover .container { padding: 96px 15px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } /* .hentry { margin: 0 0 1.5em; } */ .hentry { margin: 0px; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; padding: 0px; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*! // Contents // ------------------------------------------------ 1. Global Styles 2. Mixins 3. Typography 4. Colours 5. Sections 6. Buttons 7. Nav 8. Forms 9. Breadcrumbs 10. Pagination 11. Icon Features 12. Widgets 13. Image Tiles 14. Sliders 15. Galleries 16. Header Area 17. WooCommerce 18. Blog 19. Image Blocks 20. Portfolio 21. Footer 22. Spacing 23. Other /*!---------- 1. GLOBAL STYLES ----------*/ /* body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 24px; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #8c979e; overflow-x: hidden; font-weight: 400; } */ ul { list-style: disc; } .main-container { clear: both; } hr { border: none; border-top: 1px solid #ccc; margin: 0 0 24px 0; width: 100%; } .bg-dark hr { border-color: #555; } .content hr { width: 128px; max-width: 60%; height: 2px; background: #ddd; margin: 50px auto; border: 0; } .list-inline { margin-left: 0; } .list-inline > li { padding: 0 8px; } .list-inline > li:last-child { padding-right: 0; } .list-inline > li:first-child { padding-left: 0; } .overflow-hidden { overflow: hidden; } .right { right: 0; } .relative { position: relative; z-index: 2; } .container { position: relative; } /*!---------- 2. MIXINS ----------*/ .align-children { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: row; -webkit-flex-direction: row; } @media all and (max-width: 991px) { .align-children { display: block !important; } } .align-transform { position: relative; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); top: 50%; z-index: 2; } /*!---------- 3. TYPOGRAPHY ----------*/ /* h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote, input { margin-bottom: 24px; margin-top: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: inherit; } h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #0e1015; } h1 { font-size: 60px; line-height: 64px; } h2 { font-size: 45px; line-height: 48px; } h3 { font-size: 30px; line-height: 33px; } h4 { font-size: 25px; line-height: 30px; } h5 { font-size: 22px; line-height: 28px; } h6 { font-size: 18px; line-height: 25px; } */ @media all and (max-width: 767px) { h1 { font-size: 32px; line-height: 40px; font-weight: 300; } h2 { font-size: 32px; line-height: 40px; } h3 { font-size: 24px; line-height: 32px; } h4 { font-size: 18px; line-height: 26px; } h5 { font-size: 16px; line-height: 24px; } h6 { font-size: 12px; line-height: 24px; } } .uppercase { font-weight: 400; text-transform: uppercase; } h5.uppercase { letter-spacing: 2px; margin-right: -2px; } p, span { font-weight: 500; } p.lead { font-size: 16px; font-weight: 400; line-height: 28px; } @media all and (max-width: 767px) { p.lead { font-size: 13px; line-height: 24px; } p { font-size: 12px; } } .image-bg a { color: #fff; } .image-bg a:hover, .image-bg a:focus { color: #fff; opacity: .9; } blockquote { overflow: hidden; font-size: 18px; line-height: 24px; padding: 32px 0; color: #001c28; font-weight: 400; border-left: 0 none; margin: 0; } blockquote p { font-size: 18px; line-height: 24px; color: #001c28; } blockquote p:first-child:before, blockquote p:last-child:after { content: "\0022"; } @media all and (max-width: 767px) { br { display: none; } blockquote { font-size: 16px; line-height: 32px; } } th, td { line-height: 24px !important; } /*!---------- 4. COLOURS ----------*/ .bg-primary { background: #745cf9 !important; } .bg-secondary { background: #f5f5f5; } .bg-dark { background: #1c3544; } /*!---------- 5. SECTIONS ----------*/ section, footer { padding: 2px 0; position: relative; overflow: hidden; } .page-template-page-templatestemplate-home-php .content-area { padding: 0; } .site-info.col-sm-12 { background: #192b35; } .fullscreen { height: 100vh; } .bg-dark h3, .bg-dark h5, footer.bg-dark h5, .bg-primary h5, .bg-dark h6, footer.bg-dark h6 { color: #fff; } .bg-dark p, footer.bg-dark p, .bg-primary p, .bg-dark span, footer.bg-dark span, .bg-dark li, footer.bg-dark li { color: #fefefe; } @media all and (max-width: 767px) { section { padding: 0px; } } .image-bg h3, .image-bg h1 { color: #fff; } .image-bg p, .image-bg li { color: #fff; } .image-bg div[class*='col-'] { position: relative; z-index: 3; } .background-image-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: #0e1015; background-size: cover !important; background-position: 50% 50% !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 0; } .background-image-holder img { display: none; } .background-image-holder.fadeIn { opacity: 1; } /*!---------- 6. BUTTONS ----------*/ .btn, .button { font-family: inherit; border: 2px solid #745cf9; padding: 0 26px; min-width: 150px; line-height: 36px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; color: #745cf9; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; margin-right: 8px; margin-bottom: 24px; white-space: normal; } .btn:last-child, .btn:last-of-type { margin-right: 0; } .btn:hover, .button:hover, .btn:focus, .button:focus { background: #745cf9; color: #fff; } .btn-lg { line-height: 24px; min-width: 200px; padding-bottom: 13px; padding-top: 13px; } .btn-sm { min-height: 30px; font-size: 11px; line-height: 27px; min-width: 0; } .btn-filled, a .btn-filled, .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #745cf9; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 1em; } .btn-white, .image-bg .btn, .image-bg .btn:visited { color: #fff; border-color: #fff; } .image-bg .btn.btn-filled { background: #745cf9; color: #fff; border-color: #745cf9; } .btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover, .btn-white:focus, .image-bg .btn:focus, .image-bg .btn:visited:focus { background: #fff; border-color: #fff; color: #222; } .image-bg .btn.btn-filled:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .image-bg .btn.btn-filled:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus { background: #5d47d7; border-color: #5d47d7; color: #fff; } .btn:visited { color: #745cf9; } .btn-white:visited, .btn:visited:hover { color: #fff; } .btn-white:visited:hover { color: #222; } .btn-filled:visited { color: #fff; } .cfa-text { margin-bottom: 0; line-height: 45px; } .cfa-button { width: 100%; } .btn-filled:hover, .btn:visited:hover, .btn-filled:focus, .btn:visited:focus { background: #5d47d7; border-color: #5d47d7; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: #5d47d7; color: #fff; } .widget input[type="submit"] { border: none; margin-top: 5px; } /*!---------- 7. NAVIGATION ----------*/ .nav-container { -webkit-backface-visibility: hidden; max-width: 100%; } nav { -webkit-backface-visibility: hidden; max-width: 100%; } nav ul { margin-bottom: 0; } .module { display: inline-block; padding: 0 32px; } .module-group { display: inline-block; } .module.left { float: left; } .module.right, .module-group.right { /* float: right; */ float: left; } nav .btn, .nav-bar .btn { margin: 0; height: auto; } .nav-bar { line-height: 38px; background: #1c3544; } nav { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-bar .module:not( .site-title-container ), .nav-bar .module-group { height: 40px; } .nav-bar a:not( .custom-logo-link ) { display: inline-block; height: 40px; } .menu > li.dropdown { padding-right: 18px; } .dropdown:after { /* position: absolute; */ top: 0; right: 7px; font-size: 15px; content: "\f107"; font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .shapely-dropdown { display: none; } .main-navigation .menu { width: 100%; height: 40px; } .main-navigation .menu li a { font-size: 14px; font-weight: 500; letter-spacing: 1px; color: #ffffff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width: 100%; white-space: normal; } .main-navigation .menu li a:hover, .main-navigation .menu li a:focus, .main-navigation .menu li:hover > a, .main-navigation .menu li:focus > a, .main-navigation .menu > li:hover:after, .main-navigation .menu > li:focus:after { color: #ffffff; } .main-navigation .menu > li { float: left; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; color: #ffffff; border-right: 2px solid #ffffff; padding: 0px 10px; } .main-navigation .menu > li:last-child { margin-right: 0; } .main-navigation .menu > li ul { left: 0; width: 200px; padding: 0; background: #0e1015; position: absolute; z-index: 99; top: 100%; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); visibility: hidden; margin-top: -1px; } .main-navigation .menu > li > ul > li { position: relative; line-height: 0px; width: 100%; vertical-align: top; } .main-navigation .menu > li > ul .dropdown:after { color: #ffffff; top: 16px; right: 44px; content: "\f105"; position: absolute; } .main-navigation .menu > li > ul li a { color: #fff; height: auto; padding: 6px 13px; } .main-navigation .menu > li > ul > li ul { left: 100%; top: 0; } .main-navigation .menu > li:hover > ul, .main-navigation .menu > li:focus-within > ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; margin: 5px 0px; } .main-navigation .menu > li > ul li:hover > ul, .main-navigation .menu > li > ul li:focus-within > ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; } @media all and (max-width: 1024px) { .dropdown:after { display: none; } .shapely-dropdown { font-size: 11px; padding: 0 10px; display: inline-block; } .main-navigation .menu > li > ul li:hover > a, .main-navigation .menu > li > ul li:focus > a { background-color: transparent !important; } .main-navigation .menu li:hover > a, .main-navigation .menu li:focus > a { color: #ffffff; } body .main-navigation .menu > li > ul li:hover > a, body .main-navigation .menu > li > ul li:focus > a { color: #8c979e; } } @media all and (min-width: 991px) and (max-width: 1024px) { .dropdown-menu .shapely-dropdown { position: absolute; top: 0; right: 0; } .dropdown-menu .shapely-dropdown > .fa-angle-down:before { content: "\f105"; } } @media all and (max-width: 991px) { .shapely-dropdown { float: right; border: 1px solid; } .menu li a { padding: 1px 0; } #site-navigation.main-navigation .menu > li > ul li a { width: 100%; display: inline-block; } #colophon .widget ul li { display:block !important; } .m-header-menu li { width: 116px; height: 116px; } .m-header-menu li a { color: #fff; display: inline-block; font-size: 17px; padding: 5px; line-height: 18px; position: relative; z-index: 99; top: 52%; } /* .circle-links .elementor-text-editor.elementor-clearfix { text-align: center; width: 280px; margin: 0 auto; padding: 4px; } */ } .nav-container { min-height: 0px; } nav.outOfSight { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.scrolled { transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed.scrolled { visibility: visible; opacity: 1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed { top: 0; z-index: 999; left: 0; right: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed { position: fixed; visibility: hidden; opacity: 0; } nav.fixed.scrolled { visibility: visible; opacity: 1; } .dropdown-menu { border-radius: 0; } .nav-open { max-height: 10000px !important; height: auto !important; } .nav-open .navbar-collapse, .nav-open #menu { display: block; } .module.widget-handle { padding: 0 5px; cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } @media all and (max-width: 1100px) { .module.widget-handle { padding: 0 16px; } } @media all and (max-width: 991px) { .main-navigation .menu li:hover { background: #e84818; } .main-navigation .menu li { background: #1c3544; } .nav-bar { line-height: 38px; background: #ffc1070f; } .menu li:focus-within ul.dropdown-menu, ul.dropdown-menu.active { display: block !important; } li.menu-item-has-children a { padding: 10px 0; width: 80% !important; } .navbar-collapse li { border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; } .shapely-dropdown { margin: 3px 0px; } ul.dropdown-menu li:first-child { border-top: 1px solid white; } .module.widget-handle i { font-size: 23px !important; color: #1c3544 !important; } .navbar-collapse { border-top: 1px solid white; } } .module.widget-handle i { font-size: 14px; line-height: 53px; opacity: 1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #3a52bf; } .module.widget-handle:hover i, .module.widget-handle:focus i { opacity: 1; } .widget-handle .function { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); cursor: default; width: 200px; background: #0e1015; position: absolute; z-index: 99; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transform: translate3d(0, -200%, 0); -webkit-transform: translate3d(0, -200%, 0); -moz-transform: translate3d(0, -200%, 0); margin-top: -2px; right: 0; } .module.widget-handle:hover .function, .module.widget-handle:focus .function, .module.widget-handle .function.active { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; } .module.widget-handle .title { font-family: inherit; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 600; display: none; opacity: .5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .module.widget-handle .title:hover, .module.widget-handle .title:focus { opacity: 1; } /* Search bar */ /* .search-form, .woocommerce-product-search { padding: 8px; display: inline-block; width: 100%; line-height: 50px; } .widget-handle .search-form input[type="text"] { font-size: 16px; float: left; width: 70%; } .search-form input[type="text"] { font-size: 14px; margin: 0; } .widget-handle .function { background: #fff; width: 300px; } .search-widget-handle .search { background: transparent; border:none; } .btn.searchsubmit, .search-widget-handle button.searchsubmit, .woocommerce-product-search > input[type="submit"] { min-width: 17%; padding: 0; width: 27%; height: 50px; line-height: 48px; margin: -2px 0 0 8px; } .search-widget-handle button.searchsubmit .screen-reader-text { position: relative !important; width: auto;; height: auto; clip: initial; clip-path: none; -webkit-clip-path: none; } .btn.searchsubmit:hover, .btn.searchsubmit:focus { background-color: #5d47d7; color: #fff; } */ /*Search Page */ .search #primary, .no-results { padding-top: 0 } .no-results { border-bottom: 0; } .no-results form.search-form { padding: 0; width: 100%; } .not-found form #s { max-width: 292px; width: 71%; } .no-results form .searchsubmit { margin: 0; } .not-found form .searchsubmit i { display: none; } .not-found form .searchsubmit span.screen-reader-text { clip: auto; position: relative !important; height: auto; width: auto; } .main-navigation .menu > li ul { background: #fff; } .main-navigation .menu > li ul { background: #1c3544; } .main-navigation .menu > li > ul li a { color: #ffffff; width: 100%; font-size: 14px; text-transform: none; font-weight: 400; } .main-navigation .menu > li > ul li a:hover, .main-navigation .menu > li > ul li:hover > a, .main-navigation .menu > li > ul li a:focus, .main-navigation .menu > li > ul li:focus > a { background: #e84818; color: #fff; font-weight: 500; } .main-navigation .menu > li > ul li:hover > a, .main-navigation .menu > li > ul li:focus > a { opacity: 1; } .main-navigation .dropdown-menu > .active > a, .main-navigation .dropdown-menu > .active > a:focus { color: #fff; background-color: #e20cd2; } .main-navigation .menu > li > ul .dropdown:hover:after, .main-navigation .menu > li > ul .dropdown:focus:after { color: #ffffff; } /* Widget Menu */ .widget_nav_menu .sub-menu, .widget.widget_pages ul.children { border-top: 1px solid #ebebeb; padding-top: 20px; margin-top: 20px; } @media all and (max-width: 1120px) { .main-navigation .menu > li { margin-right: 24px; } } /* Mobile Menu on Desktop */ @media all and (min-width: 992px) { .mobile-menu .module.widget-handle { border-left: none; line-height: 40px; min-height: 40px; } .mobile-menu .nav-bar .module-group { width: 100%; } .mobile-menu .visible-xs, .mobile-menu .visible-sm, .mobile-menu .nav-open .navbar-collapse.collapse { display: block !important; } .mobile-menu .navbar-collapse.collapse, .mobile-menu .nav-bar .module-group .module.hidden-xs, .mobile-menu .nav-bar .module-group .module.hidden-sm { display: none !important; } .mobile-menu #site-navigation .container > .flex-row { flex-wrap: wrap; } .mobile-menu .nav-bar, .nav-bar .module-group, .mobile-menu .nav-bar .module, .mobile-menu .nav-bar .module:not( .site-title-container ) { height: auto; } .mobile-menu .nav-bar .module { padding: 0 16px; } .mobile-menu .navbar-collapse { margin-top: 20px; width: 100%; } .mobile-menu .main-navigation .menu li { line-height: 24px; display: block; width: 100%; max-width: 100%; } .mobile-menu .main-navigation .menu a { height: auto; line-height: 24px; padding: 4px 0; } .mobile-menu .shapely-dropdown { float: right; border: 1px solid; font-size: 11px; padding: 0 10px; display: inline-block; cursor: pointer; } .mobile-menu .main-navigation .menu > li > ul { position: relative; opacity: 1; visibility: visible; display: none; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); width: 100%; left: 0; border: 0 !important; box-shadow: none; } .mobile-menu .dropdown:after { display: none; } .mobile-menu ul.dropdown-menu.active { display: block !important; } .mobile-menu .module-group .module.left { float: none; display: block; } .mobile-menu .main-navigation .menu > li ul { position: relative; width: 100%; opacity: 1; visibility: visible; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); left: 0; border: 0 !important; box-shadow: none; } .mobile-menu .main-navigation .menu > li > ul > li ul { left: 0 !important; display: none; padding: 0; } .mobile-menu #site-navigation.main-navigation .menu > li > ul li a { width: auto; display: inline-block; padding: 10px 16px; } .mobile-menu .main-navigation .menu > li > ul li a { padding: 10px 16px; } .mobile-menu .main-navigation .dropdown .dropdown li { padding-left: 18px; } .mobile-menu .main-navigation .menu > li > ul li a:hover, .mobile-menu .main-navigation .menu > li > ul li:hover > a, .mobile-menu .main-navigation .menu > li > ul li a:focus, .mobile-menu .main-navigation .menu > li > ul li:focus > a { background-color: #fff; } .mobile-menu .search-widget-handle .search { padding: 0 15px; } .mobile-menu .widget-handle .function { width: 100%; max-width: 300px; position: relative; opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; margin-top: 0; display: none; box-shadow: none !important; } .mobile-menu .module.widget-handle .title { display: inline-block; position: relative; bottom: 3px; margin-left: 8px; } .mobile-menu .toggle-search .function { display: block; } } /* @media all and (max-width: 991px) { @media (max-width: 1200px) and (min-width: 768px){ */ @media all and (max-width: 1200px) { .site-title-container { width: 84%; } .nav-bar, .nav-bar .module-group, .nav-bar .module, .nav-bar .module:not( .site-title-container ) { height: auto; } .nav-bar .module { padding: 0 16px; } .nav-bar .module-group { width: 100%; } .nav-bar .module-group .module { display: block; float: none; width: 100%; } .main-navigation .menu { height: auto; } .main-navigation .menu a { height: auto; line-height: 24px; padding: 4px 0; width:100%; } .main-navigation .menu li { line-height: 24px; display: block; width: 100%; max-width: 100%; } .main-navigation .menu > li ul { position: relative; width: 100%; opacity: 1; visibility: visible; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); left: 0; border: 0 !important; box-shadow: none; } .main-navigation .menu > li > ul { position: relative; opacity: 1; visibility: visible; display: none; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); } .main-navigation .menu > li > ul .dropdown:after { content: "\f107"; } .main-navigation .menu > li > ul > li ul { left: 0 !important; display: none; padding: 0; } .main-navigation .menu > li > ul li a { padding: 10px 16px; } .main-navigation .dropdown .dropdown li { padding-left: 18px; } .main-navigation .dropdown { padding-right: 0; } .module.widget-handle { border-left: none; line-height: 40px; min-height: 40px; } .module.widget-handle i { line-height: 40px; } .module.widget-handle .title { display: inline-block; position: relative; bottom: 3px; margin-left: 8px; } .widget-handle .function { width: 100%; max-width: 300px; position: relative; opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; margin-top: 0; display: none; box-shadow: none !important; } .toggle-search .function { display: block; } .search-widget-handle .search { padding: 0 15px; } .mobile-toggle { border: none; background: transparent; } .mobile-toggle i { line-height: 53px !important; } #site-navigation .container > .flex-row { flex-wrap: wrap; } .navbar-collapse { margin-top: 20px; } } /*!---------- 8. FORMS ----------*/ input, textarea { font-family: inherit; } input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* input[type="text"], input[type="search"], input[type="email"], input[type="tel"] { background: #f5f5f5; border: 1px solid #EEE; width: 100%; height: 30px; padding-left: 20px; font-weight: 500; border-radius: 0; vertical-align: middle; margin-top: 5px; } .search { width: 40px; height: 33px; margin: 4px auto; background-color: #242628; position: relative; overflow: hidden; transition: all 0.5s ease; }*/ .search:before { content: ''; display: block; width: 3px; /* height: 100%; */ position: relative; background-color: #00FEDE; transition: all 0.5s ease; } .search.open { width: 182px; } .search.open:before { height: 33px; margin: 0 auto; position: absolute; } .search-box { width: 100%; height: 100%; box-shadow: none; border: none; background: transparent; color: #fff; padding: 20px 100px 20px 45px; font-size: 40px; } .search-box:focus { outline: none; } .search-button { width: 40px; height: 36px; display: block; position: absolute; right: 0; top: 0; padding: 4px; cursor: pointer; } .search-icon { width: 20px; height: 20px; border-radius: 40px; border: 3px solid #00FEDE; display: block; position: relative; margin-left: 2px; transition: all 0.5s ease; } .search-icon:before { content: ''; width: 3px; height: 15px; position: absolute; right: -4px; top: 12px; display: block; background-color: #00FEDE; transform: rotate(-45deg); transition: all 0.5s ease; } .search-icon:after { content: ''; width: 3px; height: 15px; position: absolute; right: -12px; top: 40px; display: block; background-color: #00FEDE; transform: rotate(-45deg); transition: all 0.5s ease; } .open .search-icon { margin: 0; width: 20px; height: 20px; border-radius: 60px; } input.search-box { color: #fff !important; font-size:15px; } .open .search-icon:before { transform: rotate(52deg); right: 22px; top: 23px; height: 18px; } .open .search-icon:after { transform: rotate(-230deg); right: -7px; top: 9px; height: 16px; } input[type="text"]:focus, input[type="search"]:focus { outline: 1px solid #ccc; } textarea { width: 100%; background: #f5f5f5; border-radius: 0; padding: 16px 20px; } textarea:focus { outline: 1px solid #ccc; } :-moz-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } ::-moz-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } :-ms-input-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } input.transparent::-moz-input-placeholder, button.transparent::-moz-input-placeholder { color: #fff; } input.transparent:-moz-input-placeholder, button.transparent:-moz-input-placeholder { color: #fff; } input.transparent:-ms-input-placeholder, button.transparent:-ms-input-placeholder { color: #fff; } /* input[type="submit"], button[type="submit"] { background: #745cf9; border-radius: 0 !important; border: 2px solid #745cf9; color: #fff; font-size: 11px; font-weight: bold; height: 50px; letter-spacing: 1px; line-height: 48px; max-width: 250px; padding: 0; text-transform: uppercase; width: 100%; } .search-widget-handle button[type="submit"] i { display: none; } .bg-primary input[type="submit"] { background: #fff; color: #745cf9; } */ /*!---------- 9. BREADCRUMBS ----------*/ .breadcrumb { margin-bottom: 24px; } .breadcrumb a { font-weight: 300; } /*!---------- 10. PAGINATION ----------*/ .pagination { margin: 0; border: none; background: transparent; } .pagination .nav-links *:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination .nav-links *:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pagination a, .pagination span, .woocommerce-pagination ul.page-numbers .page-numbers { width: 32px; height: 32px; padding: 0; text-align: center; padding-top: 6px; margin: 0 4px; color: #0e1015; font-weight: 400; font-family: inherit; display: inline-block; border: 1px solid #ddd; line-height: 20px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: 0 none; } .pagination span:not( .dots ), .woocommerce-pagination ul.page-numbers span.page-numbers, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #745cf9; color: #fff; border-color: #745cf9; } .pagination a:hover, .pagination a:focus, .pagination .active a, .pagination .active:hover a, .pagination .active:focus a { background: #745cf9; color: #fff; border-color: #745cf9; } /*!---------- 11. ICON FEATURES ----------*/ .feature { margin-bottom: 24px; } .feature p:last-child { margin-bottom: 0; } .feature-1 i { display: inline-block; margin-bottom: 16px; color: #745cf9; } .page-title { padding: 0; } /*!---------- 12. WIDGETS ----------*/ .main-container .nolist > ul { list-style: none; margin: 0; padding: 0; } .widget { margin-bottom: 0; } #secondary .widget { margin-bottom: 48px; } .category-list { line-height: 32px; } .widget hr { margin-bottom: 12px; } .recent-posts { line-height: 24px; } .recent-posts li { margin-bottom: 8px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .recent-posts .date { display: block; letter-spacing: 0; opacity: .8; } .recent-posts li:hover .date, .recent-posts li:focus .date { opacity: 1; } .category-list span { float: right; } .jetpack_subscription_widget form { background: #745cf9; color: #fff; padding: 24px; } .jetpack_subscription_widget form #subscribe-text { color: #fff; } .jetpack_subscription_widget #subscribe-text h5 { color: #fff; margin-bottom: 16px; text-transform: uppercase; } .jetpack_subscription_widget #subscribe-text p { color: #fefefe; } .jetpack_subscription_widget #subscribe-email, .jetpack_subscription_widget #subscribe-submit { margin: 0; } .jetpack_subscription_widget #subscribe-email input { margin: 0; padding: 3px 3px 3px 20px; width: 100%; } .jetpack_subscription_widget #subscribe-submit input { background: #fff; color: #745cf9; padding: 0; } .jetpack_subscription_widget .error { background-color: #ffbaba; color: #d8000c; padding: 5px 15px; } .jetpack_subscription_widget .success p { background-color: #dff2bf; color: #4f8a10; padding: 5px 15px; } /*!---------- 13. IMAGE TILES ----------*/ img { max-width: 100%; } .image-tile { overflow: hidden; position: relative; margin-bottom: 24px; } .image-tile img { width: 100%; display: inline-block; } .inner-title:before { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0e1015', GradientType=0); pointer-events: none; } .inner-title:hover:before, .inner-title:focus:before { transform: scale(1.2); -webkit-transform: scale(1.2); } .inner-title .title { position: absolute; width: 100%; z-index: 5; } .inner-title .title h5 { color: #fff; } .inner-title .title span { color: #fff; } .inner-title .title h5 { font-weight: 600; } .inner-title { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; } .inner-title:hover, .inner-title:focus { opacity: .95; } .inner-title.hover-reveal:before { opacity: 0; } .inner-title.hover-reveal .title { opacity: 0; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .inner-title.hover-reveal:hover .title, .inner-title.hover-reveal:focus-within .title { opacity: 1; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); top: 50%; } .inner-title.hover-reveal:hover:before, .inner-title.hover-reveal:focus-within:before { opacity: 1; } @media all and (max-width: 768px) { .inner-title:before { transform: scale(1.2); -webkit-transform: scale(1.2); } .inner-title.hover-reveal .title { opacity: 1; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); top: 50%; } .inner-title.hover-reveal:before { opacity: 1; } .inner-title { opacity: .95; } .circle-links .elementor-text-editor.elementor-clearfix { text-align: center; width: 280px; margin: 0 auto; padding: 4px; } .links-4-columns { margin-bottom: 16px; } } /*!---------- 14. SLIDERS ----------*/ .logo-carousel li { text-align: center; } .logo-carousel li { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .5; } .logo-carousel li:hover, .logo-carousel li:focus-within { opacity: 1; } .logo-carousel img { max-height: 60px; } @media all and (max-width: 767px) { .logo-carousel .slides li { width: 100%; } } /*!---------- 15. IMAGE GALLERIES ----------*/ .lightbox-grid, .lightbox-grid ul, .lightbox-grid li { position: relative; overflow: hidden; } .lightbox-grid li { width: 25%; float: left; border: 8px solid rgba(0, 0, 0, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; } .lightbox-grid li:hover, .lightbox-grid li:focus-within { opacity: .9; } .third-thumbs li { width: 25%; height: 13.08vw; border: none; } @media all and (max-width: 991px) { .lightbox-grid li { width: 33.33333%; } } @media all and (max-width: 767px) { .lightbox-grid li { width: 50%; } .third-thumbs li { height: 50vw; } } /*!---------- 16. Header Area ----------*/ .cover { margin: 0; padding: 0; } .cover p { color: #fff; } .cover:first-child .fullscreen { max-height: 100%; } @media all and (max-width: 767px) { .cover.fullscreen { height: auto; padding: 0; } } /*!---------- 17. WooCommerce ----------*/ .woocommerce ul.products li.product:nth-child(4n), .woocommerce-page ul.products li.product:nth-child(4n) { margin-right: 0; } /*!---------- 18. BLOG ----------*/ .post-title a, .post-title { font-size: 40px; font-weight: 300; } .post-title a:hover, .post-title a:focus { color: #292929; } video:-webkit-full-screen, audio:-webkit-full-screen { -webkit-transform: translateY(0%); } iframe { border: none; } .post-meta { overflow: hidden; display: inline-block; margin-bottom: 12px; } .post-meta > li { float: left; margin-right: 24px; } .post-meta i { font-size: 16px; margin-right: 8px; position: relative; top: 2px; } .comments-list, .comments-list ul { width: 100%; overflow: hidden; } .comments.nolist > ul > li { padding-left: 0; } .comments-list li.comment { overflow: hidden; margin-bottom: 40px; width: 100%; } .comments-list p:last-of-type { margin: 0; } .comments-list .avatar, .comments-list .comment { display: inline-block; float: left; } .comments-list .avatar { width: 10%; } .comments-list .avatar img { width: 75px; } .comments-list .comment { width: 90%; padding-left: 5%; } .comments-list .comment .btn { position: relative; margin: 0; } .comments-list ul { padding-left: 10%; padding-top: 40px; } .comments-list ul li:last-of-type { margin-bottom: 0; } .comments input[type="submit"] { max-width: 25%; float: right; } .masonry { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 0; transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); } .masonry.fadeIn { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .masonry-item { max-width: 100%; } .container .masonry-item { margin-bottom: 0px; } .masonry-item blockquote:hover, .masonry-item blockquote:focus, .masonry-item blockquote:focus-within { background: #745cf9; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; } .masonryFlyIn .masonry-item { opacity: 0; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); } .masonryFlyIn .masonry-item.fadeIn { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .masonry-loader { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; position: absolute; width: 100%; z-index: 10; top: 80px; } .masonry-loader.fixed-center { top: 50%; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); margin-top: -25px; } .masonry-loader.fadeOut { opacity: 0; max-height: 0; padding: 0; overflow: hidden; } .spinner { width: 50px; height: 50px; background-color: #745cf9; margin: 0 auto; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @media all and (max-width: 767px) { .comments input[type="submit"] { max-width: 100%; float: none; } } .flex-direction-nav a.flex-next { right: 16px; } .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { content: "\f105"; font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: #fff; } .flex-direction-nav a.flex-prev { left: 16px; } .flex-direction-nav a.flex-prev:before { content: "\f104"; } .flex-direction-nav a { opacity: 1; text-shadow: none; color: rgba(0, 0, 0, 0); width: 24px; height: 24px; margin: -12px 0 0; } .flex-control-nav li a { background: none; border: 2px solid #0e1015; width: 10px; height: 10px; } @media all and (max-width: 768px) { .flex-direction-nav { display: none; } } .text-slider .flex-direction-nav li a:before { color: #222; } .image-bg .text-slider .flex-direction-nav li a:before { color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .5; } .image-bg .text-slider .flex-direction-nav li a:hover:before, .image-bg .text-slider .flex-direction-nav li a:focus:before { opacity: 1; } .image-bg .text-slider .flex-direction-nav li a:focus:before { color: #745cf9; } .text-slider .flex-direction-nav a.flex-prev { left: -60px; } .text-slider .flex-direction-nav a.flex-next { right: -60px; } .content p.intro { padding-bottom: 20px; border-bottom: 3px double #ddd; margin-bottom: 20px; font-size: 1.2em; line-height: 155%; font-weight: 700; color: #745cf9; } .content blockquote { padding: 30px 30px 30px 90px; background: #fafafa; border: 1px solid #eee; position: relative; font-style: italic; } .content q { background: #fafafa; font-style: italic; } .content blockquote cite { display: block; margin-top: 1.1em; font-size: 0.75em; line-height: 120%; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; } .content blockquote cite:before { content: "— "; } .content ul, .content ol { margin-left: 1.5em; } .content ul { list-style: disc; } .content ul ul { list-style: circle; } .content ol { list-style: decimal; } .content ol ol { list-style: lower-alpha; } .content ul ul, .content ul ol, .content ol ul, .content ol ol { margin-bottom: 0; } .content li { margin-bottom: 0.5em; line-height: 170%; } .content ol > li:last-child, .content ul > li:last-child { margin-bottom: 0; } .content ol > li:first-child, .content ul > li:first-child { margin-top: 0.5em; } /* WordPress Tables */ .content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 0.9em; width: 100%; margin-bottom: 1.1em; } .content th, .content td { padding: 2%; margin: 0; overflow: visible; line-height: 120%; border-bottom: 1px solid #ddd; } .content th { padding-top: 0; } .content th { font-weight: bold; color: #111; } .content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; } .content ul.post-meta { margin-left: 0; } .content ul.post-meta li { list-style: none; margin-top: 0 !important; } .comment-date { display: inline-block; font-size: 10px; padding: 5px 0; } .comments .fn { display: block; } .comment-reply { height: 20px; line-height: 16px; padding: 0 12px; font-size: 10px; min-width: auto !important; } .page-title-section { height: 225px; padding: 70px 0; } .page-title { margin-bottom: 0 !important; } @media all and (max-width: 767px) { .page-title-section, #breadcrumbs { text-align: center; } } .author-bio { display: block; overflow: hidden; padding: 32px; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .author-social { font-size: 16px !important; } /*!---------- 19. IMAGE BLOCKS ----------*/ .image-small { max-height: 80px; } .fade-half { opacity: 0.5; } .cast-shadow { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-bottom: 10px; } .cast-shadow.img-responsive { margin: 10px auto; } /*!---------- 20. PORTFOLIO ----------*/ .project { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; padding: 0; } .project .image-tile { margin: 0; } .project:not( .masonry-item ) .image-tile { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .project:not( .masonry-item ) .image-tile a { display: block; width: 100%; height: 100%; } .project:not( .masonry-item ) { padding-bottom: 25%; position: relative; margin-bottom: 0; } /*!---------- 21. FOOTER ----------*/ footer.bg-dark a { color: #fff; } .social-list { margin: 0; } .bg-dark .social-list a { color: #fff; -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .bg-dark .social-list a:hover, .bg-dark .social-list a:focus { color: #5234f9; } .back-to-top { position: absolute; right: 0; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 36px; width: 36px; padding: 5px 11px; } .back-to-top .fa { font-size: 18px; color: #fff; } .back-to-top:hover, .back-to-top:focus { opacity: 1; } .bg-dark .back-to-top { border-color: #fff; } .bg-dark .back-to-top:active, .bg-dark .back-to-top:focus { color: #fff; } .bg-dark .back-to-top:hover, .bg-dark .back-to-top:focus { background: none; } .footer input[type="submit"] { border: 0; margin-top: 3px; } .copyright-text { color: #fefefe; text-align:center; padding: 13px 10px; } .footer .footer-credits { color: #fff; } .footer .footer-credits a { color: #fefefe; opacity: .8; } .footer .footer-credits a:hover, .footer .footer-credits a:focus { color: #5234f9; } /*!---------- 22. SPACING ----------*/ .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mb0 { margin-bottom: 0 !important; } .mb16 { margin-bottom: 16px; } .mb24 { margin-bottom: 24px; } .mb32 { margin-bottom: 32px; } .mb40 { margin-bottom: 40px; } .mb64 { margin-bottom: 64px; } .p24 { padding: 24px; } .p0 { padding: 0; } .pt48 { padding-top: 48px; } .pb0 { padding-bottom: 0 !important; } .pt0 { padding-top: 0; } @media all and (max-width: 767px) { /* .mb-xs-24 { margin-bottom: 24px; } .mb-xs-40 { margin-bottom: 40px; } */ } /*!---------- 23. OTHER ----------*/ .border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .feature-1 i { font-size: 64px; } .parallax-section { padding-top: 0; padding-bottom: 0; border: 0; } .parallax-window { background: transparent; } .small-screen .top-parallax-section { overflow: hidden; padding: 96px 0; } .social-list { font-size: 18px; } .testimonial-img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 100px; width: 100px; margin-bottom: 16px; } .image-bg a { color: #745cf9; } .widget-area section { border-bottom: 0; padding: 0; } /* Layout */ .has-sidebar-left #secondary { padding-right: 40px; } .no-sidebar { float: none; margin: 0 auto; } .full-width { width: 100%; } .tags-links { display: block; } #social { background: transparent; float: right; } .shapely-social-links #social { display: inline-block; float: none; margin-top: 20px; border: 0 none; } .shapely-social-links #social ul { padding-left: 0; } .shapely-social-links #social ul.list-inline > li:last-child { padding-right: 10px; } #secondary .shapely-social-links h3.cfa-text { font-size: 22px; line-height: 24px; color: #001c28; } .contact-section #social { float: none; border-bottom: 0 none; } #social li { display: inline-block; } #social li, #social ul { border: 0 !important; list-style: none; padding-left: 10px; text-align: center; } .contact-section #social ul { text-align: left; } .contact-section .social-icons li a { color: #745cf9; } .contact-section .social-icons li a:hover, .contact-section .social-icons li a:focus { color: #5d47d7; } #social .social_icon span { display: none; } #social li a[href*="twitter.com"] .fa:before, .fa-twitter:before { content: "\f099" } #social li a[href*="facebook.com"] .fa:before, .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } #social li a[href*="github.com"] .fa:before, .fa-github:before { content: "\f09b" } #social li a[href*="/feed"] .fa:before, .fa-rss:before { content: "\f09e" } #social li a[href*="pinterest.com"] .fa:before, .fa-pinterest:before { content: "\f0d2" } #social li a[href*="plus.google.com"] .fa:before, .fa-google-plus:before { content: "\f0d5" } #social li a[href*="linkedin.com"] .fa:before, .fa-linkedin:before { content: "\f0e1" } #social li a[href*="youtube.com"] .fa:before, .fa-youtube:before { content: "\f167" } #social li a[href*="instagram.com"] .fa:before, .fa-instagram:before { content: "\f16d" } #social li a[href*="flickr.com"] .fa:before, .fa-flickr:before { content: "\f16e" } #social li a[href*="tumblr.com"] .fa:before, .fa-tumblr:before { content: "\f173" } #social li a[href*="dribbble.com"] .fa:before, .fa-dribbble:before { content: "\f17d" } #social li a[href*="skype.com"] .fa:before, .fa-skype:before { content: "\f17e" } #social li a[href*="foursquare.com"] .fa:before, .fa-foursquare:before { content: "\f180" } #social li a[href*="vimeo.com"] .fa:before, .fa-vimeo-square:before { content: "\f194" } #social li a[href*="spotify.com"] .fa:before, .fa-spotify:before { content: "\f1bc" } #social li a[href*="soundcloud.com"] .fa:before, .fa-soundcloud:before { content: "\f1be" } .header-image-bg { background-size: cover; position: relative; } .header-image-bg .page-title { position: relative; z-index: 2; } .customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button { left: 0 !important; } #site-navigation .customize-partial-edit-shortcut button, #site-navigation .widget .customize-partial-edit-shortcut button, #colophon .customize-partial-edit-shortcut button, #colophon .widget .customize-partial-edit-shortcut button, #secondary .customize-partial-edit-shortcut button, #secondary .widget .customize-partial-edit-shortcut button { left: -30px !important; } .video-widget { position: relative; overflow: hidden; height: calc(100vh - 56px); } .video-widget .video-controls { position: absolute; bottom: 20px; left: 20px; z-index: 6; } .video-widget .video-controls button { background: #745cf9; color: #fff; border: none; padding: 5px 10px; text-align: center; } .video-widget.youtube { position: relative; background: transparent; } .vimeo-holder iframe { width: 100%; } .video-widget.vimeo:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 5; } .ytplayer-container { position: absolute; top: 0; z-index: -1; } .shapely_home_parallax { width: 100%; display: block; } .shapely_home_parallax > section:not(.image-bg) .btn-white { border-color: #745cf9; color: #745cf9; } .shapely_home_parallax > section:not(.image-bg) .btn-white:hover, .shapely_home_parallax > section:not(.image-bg) .btn-white:focus { color: #fff; background-color: #5234f9; border-color: #5234f9; } .shapely_home_parallax > section:not(.image-bg) .btn-white:active { border-color: #5234f9; background-color: #5234f9; color: #fff; } .bg-secondary .text-right { z-index: 2; } /* * Widgets */ .widget .widget-title { font-size: 22px; line-height: 24px; color: #001c28; margin-bottom: 25px; } .widget.widget_archive > div ul, .widget.widget_archive ul, .widget.widget_categories > div ul, .widget.widget_categories ul, .widget.widget_meta > div ul, .widget.widget_meta ul, .widget.widget_pages > div ul, .widget.widget_pages ul, .widget.widget_nav_menu > div ul, .widget.widget_nav_menu ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_archive > div ul li, .widget.widget_archive ul li, .widget.widget_categories > div ul li, .widget.widget_categories ul li, .widget.widget_meta > div ul li, .widget.widget_meta ul li, .widget.widget_pages > div ul li, .widget.widget_pages ul li, .widget.widget_nav_menu > div ul li, .widget.widget_nav_menu ul li { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 20px; } .widget.widget_archive > div ul li:last-of-type, .widget.widget_archive ul li:last-of-type, .widget.widget_categories > div ul li:last-of-type, .widget.widget_categories ul li:last-of-type, .widget.widget_meta > div ul li:last-of-type, .widget.widget_meta ul li:last-of-type, .widget.widget_pages > div ul li:last-of-type, .widget.widget_pages ul li:last-of-type, .widget.widget_nav_menu > div ul li:last-of-type, .widget.widget_nav_menu ul li:last-of-type { border: none; padding-bottom: 0; margin-bottom: 0; } .woocommerce .widget_layered_nav ul li span, .widget.widget_archive > div ul li span, .widget.widget_archive ul li span, .widget.widget_categories > div ul li span, .widget.widget_categories ul li span, .widget.widget_meta > div ul li span, .widget.widget_meta ul li span, .widget.widget_pages > div ul li span, .widget.widget_pages ul li span, .widget.widget_nav_menu > div ul li span, .widget.widget_nav_menu ul li span { font-size: 12px; color: #8c979e; float: right; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce.widget ul.cart_list li a, .woocommerce.widget ul.product_list_widget li a, .widget_products .product_list_widget a, .widget_product_categories ul.product-categories li a, .widget_product_tag_cloud .tagcloud a, .widget.widget_archive > div ul li a, .widget.widget_archive ul li a, .widget.widget_categories > div ul li a, .widget.widget_categories ul li a, .widget.widget_meta > div ul li a, .widget.widget_meta ul li a, .widget.widget_pages > div ul li a, .widget.widget_pages ul li a, .widget.widget_nav_menu > div ul li a, .widget.widget_nav_menu ul li a { font-size: 14px; color: #8c979e; font-weight: 400; } .woocommerce .widget_layered_nav ul li a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce.widget ul.cart_list li a:hover, .woocommerce.widget ul.product_list_widget li a:hover, .widget_products .product_list_widget a:hover, .widget_product_categories ul.product-categories li a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget.widget_archive > div ul li a:focus, .widget.widget_archive > div ul li a:hover, .widget.widget_archive ul li a:focus, .widget.widget_archive ul li a:hover, .widget.widget_categories > div ul li a:focus, .widget.widget_categories > div ul li a:hover, .widget.widget_categories ul li a:focus, .widget.widget_categories ul li a:hover, .widget.widget_meta > div ul li a:focus, .widget.widget_meta > div ul li a:hover, .widget.widget_meta ul li a:focus, .widget.widget_meta ul li a:hover, .widget.widget_pages > div ul li a:focus, .widget.widget_pages > div ul li a:hover, .widget.widget_pages ul li a:focus, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu > div ul li a:focus, .widget.widget_nav_menu > div ul li a:hover, .widget.widget_nav_menu ul li a:focus, .widget.widget_nav_menu ul li a:hover { color: #5234f9; } .woocommerce.widget ul.cart_list li a.remove { font-size: 1.5em; } .widget.widget_recent_comments ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_recent_comments ul li { color: #8c979e; } .widget.widget_recent_comments ul li a { font-weight: 400; } .widget.widget_recent_comments ul li .comment-author-link { color: #8c979e; } .widget.widget_recent_comments ul li .comment-author-link a { color: #8c979e; } .widget.widget_recent_comments ul li .comment-author-link a:focus, .widget.widget_recent_comments ul li .comment-author-link a:hover { color: #5234f9; } .widget.widget_nav_menu .menu > li { float: none;float: left; padding: 0px 12px; border-bottom:none !important; } .widget.widget_nav_menu .menu > li a { text-transform: initial; font-size: 14px; color: #8c979e; font-weight: 400; opacity: 1; } .widget.widget_nav_menu .menu > li a:focus, .widget.widget_nav_menu .menu > li a:hover { color: #5234f9; } .widget.widget_tag_cloud a { text-transform: initial; font-size: 14px; color: #8c979e; font-weight: 400; } .widget.widget_tag_cloud a:focus, .widget.widget_tag_cloud a:hover { color: #5234f9; } .widget.widget_recent_entries ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_recent_entries ul li { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 20px; } .widget.widget_recent_entries ul li:last-of-type { border: none; padding-bottom: 0; } .widget.widget_recent_entries ul li .post-date { font-size: 12px; color: #001c28; padding-left: 10px; border-left: 1px solid #ebebeb; } .widget.widget_recent_entries ul li a { text-transform: initial; font-size: 14px; color: #8c979e; font-weight: 400; display: inline-block; width: 100%; } .widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover { color: #5234f9; } .widget.widget_rss .rss-widget-icon { display: none; } .widget.widget_rss .widget-title a { font-size: 22px; line-height: 24px; color: #001c28; margin-bottom: 25px; font-weight: 400; } .widget.widget_rss ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_rss ul li { margin-bottom: 40px; } .widget.widget_rss ul li .rsswidget { font-size: 22px; line-height: 24px; font-weight: 400; color: #001c28; display: block; } .widget.widget_rss ul li .rsswidget:hover, .widget.widget_rss ul li .rsswidget:focus { color: #745cf9; } .widget.widget_rss ul li .rss-date { font-size: 12px; display: inline-block; width: 100%; margin-bottom: 30px; } .widget.widget_rss ul li .rssSummary { color: #8c979e; font-size: 14px; } .widget.widget_rss ul li cite { color: #001c28; font-style: normal; } /* .widget.widget_search .search-form, .widget_product_search .woocommerce-product-search { padding: 0; position: relative; } .widget.widget_search .search-form > input, .widget_product_search .woocommerce-product-search > input { background: transparent; border: 1px solid #ebebeb; text-transform: initial; font-weight: 400; box-sizing: border-box; } .widget.widget_search .search-form > input#s:hover, .widget.widget_search .search-form > input#s:focus, .widget_product_search .woocommerce-product-search > input.search-field:hover, .widget_product_search .woocommerce-product-search > input.search-field:focus, textarea:hover, textarea:focus, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus { border-color: #745cf9; box-shadow: none; outline: none; } .widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit, .widget.widget_product_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_product_search input[type="text"]:hover + button[type="submit"].searchsubmit { color: #745cf9; border-color: #745cf9 !important; } .widget.widget_search .search-form > button[type="submit"].searchsubmit, .widget_product_search .woocommerce-product-search > button[type="submit"].searchsubmit { position: absolute; border: none; top: 7px; right: 0; margin: 0; bottom: 7px; height: 35px; width: 40px; border-left: 1px solid #ebebeb !important; border-right: 0 none !important; border-top: 0 none !important; border-bottom: 0 none !important; color: transparent; background-color: transparent !important; z-index: 2; font-size: 14px; line-height: 1.5; } .widget.widget_search .search-form > button[type="submit"].searchsubmit, .widget.widget_product_search button[type="submit"].searchsubmit { color: #ebebeb; } .footer-widget-area .widget.widget_search .search-form > button[type="submit"].searchsubmit, .footer-widget-area .widget.widget_product_search button[type="submit"].searchsubmit { color: #fff; } .widget_product_search .woocommerce-product-search > button[type="submit"]:hover, .widget_product_search .woocommerce-product-search > button[type="submit"]:focus { color: transparent !important; background-color: transparent !important; } .widget.widget_search .search-form > .searchsubmit:hover, .widget.widget_search .search-form > .searchsubmit:focus, .widget.widget_search .search-form > .searchsubmit:active { color: transparent; } .widget.widget_search .search-form :-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } .widget.widget_search .search-form ::-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } .widget.widget_search .search-form :-ms-input-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } */ .widget_product_categories ul.product-categories { list-style: none; padding: 0; margin: 0; } .widget_product_categories ul.product-categories ul { list-style: none; padding-top: 20px; } .widget_product_categories ul.product-categories li:not(.cat-parent) { padding-bottom: 20px; } .widget.widget_calendar { position: relative; } .widget.widget_calendar .widget-title, .widget.widget_calendar h3 { display: none; } .widget.widget_calendar table { border: 0; border-collapse: separate; border-spacing: 4px; } .widget.widget_calendar #wp-calendar { font-size: 12px; } .widget.widget_calendar #wp-calendar > caption { color: #001c28; font-family: inherit; text-align: center; font-size: 18px; font-weight: 400; padding-bottom: 20px; padding-top: 16px; min-height: 40px; position: relative; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; } .widget.widget_calendar #wp-calendar > caption:after { width: 75px; display: block; content: ''; height: 1px; background: #745cf9; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .widget.widget_calendar #wp-calendar thead { color: #745cf9; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev) { width: 44px; height: 44px; border: 1px solid #ebebeb; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today { border-color: #745cf9; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover, .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:focus { background: #745cf9; color: #fff; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover a, .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:focus a { color: #fff; } .widget.widget_calendar #wp-calendar td, .widget.widget_calendar #wp-calendar th { padding: 6px 7px; color: #001c28; text-align: center; } .widget.widget_calendar #wp-calendar td a, .widget.widget_calendar #wp-calendar th a { color: #745cf9; text-decoration: none; } .widget.widget_calendar #wp-calendar td a:hover, .widget.widget_calendar #wp-calendar td a:focus, .widget.widget_calendar #wp-calendar th a:hover, .widget.widget_calendar #wp-calendar th a:focus { text-decoration: none; } .widget.widget_calendar #wp-calendar #prev { position: absolute; top: -2px; left: 10%; width: 35px; height: 40px; background-color: transparent; color: #fff; } .widget.widget_calendar #wp-calendar #prev:before { content: '\f104'; display: block; font-size: 16px; line-height: 46px; text-align: center; position: relative; font-family: 'FontAwesome'; color: #001c28; } .widget.widget_calendar #wp-calendar #prev > a { top: 18px; position: absolute; color: transparent !important; left: 0; } .widget.widget_calendar #next { position: absolute; top: -2px; right: 10%; width: 35px; height: 40px; background-color: transparent; color: #fff; } .widget.widget_calendar #next:before { content: '\f105'; display: block; font-size: 16px; line-height: 46px; text-align: center; position: relative; font-family: 'FontAwesome'; color: #001c28; } .widget.widget_calendar #next > a { top: 18px; position: absolute; color: transparent !important; right: 0; } .shapely-social { margin-right:-20px; } .shapely-social-link { display:block; float:left; margin:0 20px 20px 0; } .shapely-social .shapely-social-icon { font-family: 'fontawesome'; display:block; width:20px; height:20px; line-height:20px; color: #fff; font-size:18px; position: relative; text-align:center; -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } aside .shapely-social .shapely-social-icon { color: #001c28; } .shapely-social .shapely-social-icon:hover, .shapely-social .shapely-social-icon:focus { color:#5234f9; } .shapely-social-link--behance .shapely-social-icon:before { content:'\f1b4'; } .shapely-social-link--codepen .shapely-social-icon:before { content:'\f1cb'; } .shapely-social-link--dropbox .shapely-social-icon:before { content:'\f16b'; } .shapely-social-link--delicious .shapely-social-icon:before { content:'\f1a5'; } .shapely-social-link--deviantart .shapely-social-icon:before { content:'\f1bd'; } .shapely-social-link--digg .shapely-social-icon:before { content:'\f1a6'; } .shapely-social-link--dribbble .shapely-social-icon:before { content:'\f17d'; } .shapely-social-link--facebook .shapely-social-icon:before { content:'\f09a'; } .shapely-social-link--flickr .shapely-social-icon:before { content:'\f16e'; } .shapely-social-link--github .shapely-social-icon:before { content:'\f09b'; } .shapely-social-link--instagram .shapely-social-icon:before { content:'\f16d'; } .shapely-social-link--linkedin .shapely-social-icon:before { content:'\f0e1'; } .shapely-social-link--medium .shapely-social-icon:before { content:'\f23a'; } .shapely-social-link--pinterest .shapely-social-icon:before { content:'\f0d2'; } .shapely-social-link--reddit .shapely-social-icon:before { content:'\f281'; } .shapely-social-link--skype .shapely-social-icon:before { content:'\f17e'; } .shapely-social-link--slack .shapely-social-icon:before { content:'\f198'; } .shapely-social-link--soundcloud .shapely-social-icon:before { content:'\f1be'; } .shapely-social-link--tumblr .shapely-social-icon:before { content:'\f173'; } .shapely-social-link--tripadvisor .shapely-social-icon:before { content:'\f262'; } .shapely-social-link--twitch .shapely-social-icon:before { content:'\f1e8'; } .shapely-social-link--twitter .shapely-social-icon:before { content:'\f099'; } .shapely-social-link--vimeo .shapely-social-icon:before { content:'\f27d'; } .shapely-social-link--youtube .shapely-social-icon:before { content:'\f16a'; } #colophon .widget { margin-bottom: 0px;} #colophon .site-info { margin-top: 15px; } #colophon .widget { display: inline-block; width: 100%; } #colophon .widget ul { padding-left: 0; margin-left: 0; margin-bottom: 0; float:none; } #colophon .widget ul li { margin-right: 0; } #colophon .widget .widget-title { color: #fff; border-bottom: none; } #colophon .widget.widget_calendar #wp-calendar > caption { color: #fff; } #colophon .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, #colophon .widget.widget_calendar #wp-calendar thead { color: #fff; } #colophon .widget.widget_calendar #wp-calendar th, #colophon .widget.widget_calendar #wp-calendar td { color: #fff; } #colophon .widget.widget_calendar #wp-calendar #prev:before, #colophon .widget.widget_calendar #wp-calendar #next:before { color: #fff; } #colophon .widget.widget_rss ul li .rsswidget { color: #fff; } #colophon .widget.widget_rss ul li .rsswidget:hover, #colophon .widget.widget_rss ul li .rsswidget:focus { color: #5234f9; } #colophon .widget.widget_rss .widget-title a { color: #fff; } #colophon .widget.widget_rss .widget-title a:hover, #colophon .widget.widget_rss .widget-title a:focus { color: #5234f9; } .col-md-3.col-sm-6.footer-widget { padding-top: 18px; } .col-md-9.col-sm-18.footer-widget { padding-top: 18px; } /* * Content */ .post-content { margin-bottom: 0px; } .post-content .entry-header { position: relative; } .post-content .entry-header img { width: 100%; } .post-content .post-meta { list-style-type: none; margin-left: 0; } .post-content .post-meta li { position: relative; } .post-content .post-meta li a { color: #745cf9; font-weight: 400; } .post-content .post-meta li a:hover, .post-content .post-meta li a:focus { color: #5234f9; } .post-content .post-meta li:before { content: ''; height: 10px; width: 2px; background: #001c28; display: block; position: absolute; bottom: 6px; left: -13px; } .post-content .post-meta li:first-of-type:before { content: none; } .post-content .entry-content .post-title { font-size: 30px; line-height: 35px; margin-top: 25px; margin-bottom: 10px; } .post-content .entry-content .post-title a { font-weight: 300; color: #001c28; } .post-content.post-grid-small .shapely-category { width: 70%; } .post-content .shapely-category { position: absolute; background: #fff; height: 62px; width: 45%; bottom: 0; left: 0; } .post-content .shapely-category a { font-size: 12px; font-weight: 900; text-transform: uppercase; color: #bebebe; display: inline-block; width: 100%; text-align: center; margin-top: 16px; padding-bottom: 13px; position: relative; } .post-content .shapely-category a:hover, .post-content .shapely-category a:focus { color: #5234f9; } .post-content .shapely-category a:after { content: ''; display: block; width: 45px; height: 1px; background: #ebebeb; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .post-content .more-link { display: block; width: 140px; margin-top: 20px; text-align: center; background: #745cf9; color: #fff; padding: 10px 20px; } .post-content .more-link:hover, .post-content .more-link:focus { background: #5234f9; } .shapely-next-prev { padding-bottom: 35px; } .shapely-tags { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ebebeb; } .shapely-tags > span { font-size: 15px; color: #767676; margin-right: 10px; } .shapely-tags > a { font-size: 15px; font-weight: 400; color: #767676; } .shapely-tags > a:hover, .shapely-tags > a:focus { color: #5234f9; } .shapely-related-posts { padding-top: 35px; border-top: 1px solid #ebebeb; position: relative; } .shapely-related-posts .shapely-related-post-title a { color: #001c28; font-size: 18px; font-weight: normal; display: inline-block; margin-top: 20px; position: relative; padding-left: 9px; } .shapely-related-posts .shapely-related-post-title a:before { content: ''; height: 13px; width: 1px; background: #e1e1e1; position: absolute; left: 0; top: 6px; } .shapely-related-posts .shapely-related-post-title a:hover, .shapely-related-posts .shapely-related-post-title a:focus { color: #5234f9; } .shapely-related-posts .shapely-carousel-navigation { margin-bottom: 0; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows { list-style-type: none; margin: 0; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li { display: inline-block; position: absolute; right: -17px; top: 50%; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; z-index: 100; text-align: center; line-height: 35px; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li a { color: #fff; display: block; line-height: 35px; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:hover, .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:focus { background: black; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:first-of-type { left: -17px; right: initial; } /* * Comments */ .comment-form :-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } .comment-form ::-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } .comment-form :-ms-input-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: inherit; } .comment-form textarea:focus, .comment-form textarea:active { outline: none; border-bottom: 1px solid #745cf9; } .comment-form input[type="text"]:focus, .comment-form input[type="text"]:active, .comment-form input[type="url"]:focus, .comment-form input[type="url"]:active, .comment-form input[type="email"]:focus, .comment-form input[type="email"]:active { outline: none; border-bottom: 1px solid #745cf9; } .comment-form .form-submit { display: inline-block; width: 100%; margin-top: 15px; } .author-bio { background: transparent; } .author-bio .avatar img { border-radius: 50%; } @media all and (min-width: 991px) { .author-bio .col-sm-10 { border-left: 1px solid #ebebeb; } .author-bio-left-side .author-bio .col-sm-10 { border-left: 0 none; } } .author-bio .fn { font-weight: 400; font-size: 18px; } .author-bio p { margin-top: 10px; color: #8c979e; font-size: 14px; } .author-bio .author-email { color: #8c979e; font-weight: 400; } .author-bio .author-email:hover, .author-bio .author-email:focus { color: #5234f9; } @media all and (min-width: 550px) { .author-bio .author-social { position: absolute; right: 20px; top: 0; } } .author-bio .author-social li { padding: 0 5px; } .author-bio .author-social li a { color: #001c28; font-size: 12px; } .author-bio-left-side .col-sm-2, .author-bio-left-side .col-sm-10 { width: 100%; } .author-bio-left-side .author-bio { text-align: center; padding: 15px 20px; } .author-bio-left-side .author-bio .fn { margin-top: 10px; display: inline-block; width: 100%; } .author-bio-left-side .author-bio .author-email { display: none; } .author-bio-left-side .author-bio .author-social { position: relative; display: inline-block; text-align: center; top: initial; left: initial; right: initial; bottom: initial; } .author-bio-left-side .author-bio .author-social li a { color: #001c28; } .single-post .entry-content .dropcaps-content > p:first-child:first-letter, .single-jetpack-portfolio .entry-content .dropcaps-content > p:first-child:first-letter { float: left; font-size: 57px; margin: 10px; margin-right: 20px; color: #001c28; } .shapely-related-posts .owl-carousel .owl-item .related-item-thumbnail img { display: none; } .shapely-related-posts .related-item-thumbnail { display: block; padding-bottom: 85%; background-repeat: no-repeat; background-size: cover; background-position: center; } .pt0 { padding-top: 30px; } /* WooCommerce */ .woocommerce-product-gallery figure { padding: 0; } .woocommerce .cart .coupon input.button { width: auto; } .woocommerce-page #content table.cart td.actions .coupon .input-text { width: auto; } .create-account label.woocommerce-form__label { width: 100% !important; display: block !important; } .woocommerce form .form-row.create-account .input-checkbox { position: relative; } /* Contact Form 7 */ .wpcf7-form div.wpcf7-validation-errors { background: #f7e700; color: #000; } .wpcf7-form div.wpcf7-mail-sent-ng { background: #f00; color: #fff; } .wpcf7-form div.wpcf7-mail-sent-ok { background: #398f14; color: #fff; } .wpcf7-form div.wpcf7-spam-blocked { background: #ffa500; color: #000; } span.wpcf7-not-valid-tip { margin-top: -24px; } .page-template-template-widget section.content-area { padding-top: 0; } .widget .text-center .img-responsive { margin-left: auto; margin-right: auto; } section .widget-post-thumbnail { display: block; margin-bottom: 24px; } section .widget-post-title { margin: 0; } section .widget-post-excerpt { margin-top: 24px; padding: 0 15px; } .four-columns .elementor-widget-wrap .menu-item a { padding: 5px 4px !important; font-size: 14px; } .posts-box ul li { padding: 5px 2px; font-size: 15px; } /* #search { background: #f5f5f5; border: 1px solid #EEE; width: 100%; height: 30px; font-weight: 500; border-radius: 0; vertical-align: middle; padding: 0px 15px; } */ .form-wrapper .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 4px; line-height: 1.42857143; vertical-align: middle; border-top: none !important; } .form-wrapper table { margin: 4px 0px; } .menu-footer-menu-container { float: none !important; text-align: center !important; }#colophon .widget ul { float: none !important; text-align: center !important; }#colophon .widget ul li { margin-right: 0; width: 100%; margin: 0 auto !important; text-align: center!important; display: contents; /* padding: 5px 5px !important; */ }.widget.widget_nav_menu .menu > li a { text-transform: initial; font-size: 14px; color: #8c979e; font-weight: 400; opacity: 1; padding: 5px 18px !important; } .bg-dark p, footer.bg-dark p, .bg-primary p, .bg-dark span, footer.bg-dark span, .bg-dark li, footer.bg-dark li { width: 100%; margin: 0 auto; text-align: center; } @media all and (max-width: 699px) and (min-width: 1000px) { } /* .projects-table { } table > thead{ background-color: rgba(138, 104, 161, 0.36); } table > tbody{ background-color: rgba(225, 56, 56, 0.06); } .projects-table table > thead > tr:nth-child(1) > th:nth-child(1){ width: 6%; } table > thead > tr:nth-child(1) > th:nth-child(2){ width: 12%; } table > thead > tr:nth-child(1) > th:nth-child(3){ width: 50%; } table > thead > tr:nth-child(1) > th:nth-child(4){ width: 10%; } table > thead > tr:nth-child(1) > th:nth-child(5){ width: 22%; } table > tbody > tr:nth-child(1) > td:nth-child(1){ width: 6%; } table > tbody > tr:nth-child(1) > td:nth-child(2){ width: 12%; } table > tbody > tr:nth-child(1) > td:nth-child(3){ width: 50%; } table > tbody > tr:nth-child(1) > td:nth-child(4){ width: 10%; } table > tbody > tr:nth-child(1) > td:nth-child(5){ width: 22%; } */ @media only screen and (max-width: 1200px) { .main-navigation ul { display:none; } } @media (max-width: 1200px) and (min-width: 768px){ .visible-sm { display: block!important; } .main-navigation .menu li { line-height: 24px; display: block; width: 100%; max-width: 100%; } } .image-decorative { border:2px solid #3c763d !important; } .column-height { height: 375px; border: 2px solid black; overflow-y: scroll; padding: 10px; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #04152b; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } .widget-image-caption { color: #a02222 !important; font-weight: 600 !important; } .profilecss { margin: 0px; padding: 0px; border: none !important; background: none !important; } figure#attachment_3149 > figcaption { width: auto; } .thumbnail .caption { padding: 9px 0px !important; line-height: 12px; } figcaption.caption.wp-caption-text { margin: 0px; font-size: 14px; } .lastupdated { text-align:center; color: #fff; } figcaption.caption.wp-caption-text { margin: 0 auto !important; width: 184px; text-align: center; color: #a02222 !important; font-weight: 600; } .wp-caption { margin-bottom: 0px !important; max-width: 100%; border: none; } .harmedparpedadvisory { font-size: 16px; line-height: 1.7; } .harmedparpedadvisory h5 { font-size: 18px; line-height: 1.7; color: #d60e0e; } .profile-staff-btn { background: #297d0d; color: white; padding: 2px 9px; font-size: 12px; } a.profile-staff-btn:hover,a.profile-staff-btn:visited { color: white; margin:2px; } .height-content { height:300px; } /*Social Media Icons*/ .farmtree-icon img { width: 42.5px; height: 38px; } a.farmtree-icon { padding: 2px; background:#ffffff; } a.farmtree-icon:hover{ background:#000000; } .icon-bar { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0%; z-index: 5; } .icon-bar a { display: block; text-align: center; transition: all 0.3s ease; color: white; font-size: 20px; border-radius: 9% 0% 0% 9%; } .icon-bar a:hover { background-color: #000; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #ee1b0d; color: white; } .fa-instagram { background: #d24074; color: white; } .fa-pinterest { background: #cb2027; color: white; } .contact-us h5, .contact-us p, .contact-us h4, .contact-us a { color: black; font-weight: 500; font-size: 16px; } .archive { float: right; margin: 13px 0px; text-decoration: underline; text-align: center; width: 45%; } .amrut-mahot { text-align: center; font-size: 17px; } .amrut-mahot a { color:#ffc009; text-shadow: 1px 1px 1px #8d9608; } .amrut-mahot a:hover { text-decoration:underline; } div#custom_html-4 table { background: #ffffff; text-align: center; } div#custom_html-4 { margin: 8px 0px; } section.content-area { min-height: 100%; } footer#colophon { clear: both; } marquee { margin-bottom:10px; } marquee a, marquee a:active, marquee a:visited, marquee a:link, marquee a:hover, marquee a:focus { color: #000000; } marquee li { margin: 10px 0px; } marquee li:hover { text-decoration: underline; } .marquee-horozontal ul li a { color: #ffffff; padding: 4px; } .marquee-horozontal ul li { display: inline-block; padding: 3px 4px; background: #A01212; border-radius: 10px; border: 2px solid #ffffff !important; } .mtphr-dnt-grid td { background: #d01818; } td.mtphr-dnt-grid-item a { color: #ffffff; } @keyframes leaves { 0% { transform: scale(1.0); } 100% { transform: scale(0.975); } } #treeLeaves { transform-origin: 100 100; animation: leaves .5s ease-in-out infinite alternate; } .ih-item { margin: 0px auto !important; } .align-div { padding: 2px; } .align-div img.animated.flipInX.delay2.duration4.infinite { width:100%; } .mou-box a { color: #000000; } .mou-box { border: 2px solid #c57f7f; padding: 8px; background: #9deb62; font-size: 15px; color: white; width:84% !important; text-align:center; } .table-special-color div { color: #54320b; } .table-special-color { background: #bbafc3 !important; } a.walkin { color: #ef1030; display:inline; } a.walkin:hover{ text-decoration:underline; } table.staff-sample th, table.staff-sample td { border: 1px solid white !important; color: #000000; font-family: Helvetica; font-weight: 500; font-size: 14px; } /* table.staff-sample tr:nth-child(4) > td:nth-child(1),tr:nth-child(5) > td:nth-child(1),tr:nth-child(6) > td:nth-child(1) { padding-left: 70px !important; } */