/*-------------------------------------
CSS INDEX
===================================
#. Defaults
#. Buttons
#. Header Logo
#. Main Navigation
#. Submenu
#. Mega Menu
#. Header Icons
#. Header Right Menu
#. Header Search
#. Sticky Header
#. Header Layout 1
#. Header Responsive
#. Header Right Menu
#. Preloader css
#. Footer - Scroll to top
#. Widgets - Footer Widgets
#. Widgets - Sidebar
#. Banner
#. Contents
#. Single Content
#. Error 404
#. Gutenberg Support
#. Ajout Vincent
---------------------------------------*/
/*-------------------------------------
#. Defaults
---------------------------------------*/
body {
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 28px;
color: #383f4e;
font-weight: 400;
height: 100%;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
background-color: #ffffff;
overflow-x: hidden;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-bottom: 15px;
margin-right: 25px;
margin-top: 10px;
}
.alignright {
float: right;
margin-left: 25px;
margin-bottom: 15px;
margin-top: 10px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 15px;
}
a {
color: #2962ff;
text-decoration: none;
}
a:focus {
outline: 0px solid;
text-decoration: none;
outline: 0 none;
}
a:active {
text-decoration: none;
outline: 0 none;
}
a:hover {
color: #000000;
text-decoration: none;
outline: 0 none;
}
img {
max-width: 100%;
height: auto;
border-radius:15px!important;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 20px 0;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Spartan', sans-serif;
margin: 0 0 20px 0;
color: #000000;
}
h1 {
font-size: 36px;
font-weight: 600;
line-height: 40px;
}
h2 {
font-size: 24.44px;
font-weight: 600;
line-height: 32px;
}
h3 {
font-size: 18.63px;
font-weight: 600;
line-height: 33px;
}
h4 {
font-size: 16.31px;
font-weight: 600;
line-height: 30px;
}
h5 {
font-size: 14px;
font-weight: 600;
line-height: 28px;
}
h6 {
font-size: 12px;
font-weight: 600;
line-height: 26px;
}
.clear {
clear: both;
}
.clear:after {
clear: both;
content: "";
display: block;
}
ul {
list-style: disc inside none ;
margin: 0 0 20px 0;
}
#wrapper {
overflow: hidden;
transition: all 0.5s ease-out;
}
hr,
.elementor hr {
background-color: #e5e5e5;
margin-bottom:20px;
}

* {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
button:focus,
.submit-btn:focus {
outline: none;
}
/*for theme only*/
.primary-color {
color: #2962ff;
}
.secondary-color {
color: #0034c2;
}
#page .content-area {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
transition: all ease 0.31s;
}
.post-bottom-spacer {
margin-bottom:20px;
width: 100%;
height:1px;
border-bottom: 1px solid #e5e5e5;
}
.visibility-h {
visibility: hidden;
}
/*number count*/
.number-counter {
counter-reset: post-counter;
}
/*title animation*/
.title-animation-black-normal a {
color: #000000;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-black-normal a:hover {
background-size: 100% 1px;
}
.title-animation-black-bold a {
color: #000000;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-black-bold a:hover {
background-size: 100% 2px;
}
.title-animation-white-bold a {
color: #ffffff;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-white-bold a:hover {
background-size: 100% 2px;
}
.title-animation-white-normal a {
color: #ffffff;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-white-normal a:hover {
background-size: 100% 1px;
}
/*default animation*/
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}

@keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.rt-grid-item {
display: block;
float: left;
clear: both;
}
@media (min-width: 992px) and (max-width: 1400px ) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1320px;
}
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
transition: all 0.3s;
}
.mfp-close-btn-in .mfp-close {
background-color: transparent;
}
.mfp-iframe-scaler iframe {
border-radius: 15px;
}
.neeon-content-table {
list-style: none;
margin: 0 0 20px;
padding: 20px 30px;
background-color: #f7f7f7;
border-radius: 8px;
}
.neeon-content-table a {
color: #444444;
font-weight: 500;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.neeon-content-table a:hover {
background-size: 100% 1px;
}
.neeon-content-table i {
padding-right: 5px;
}

/*-------------------------------------
#. Header Icons
---------------------------------------*/
.menu-full-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.header-icon-area .cart-icon-area .cart-icon-num {
top: 21px;
}
}
.header-icon-area {
display: flex;
align-items: center;
height: 100%;
position: relative;
}
.header-icon-area .cart-icon-area {
position: relative;
margin-left: 15px;
padding: 16px 0;
}
.header-icon-area > div {
position: relative;
}
.header-icon-area > div:last-child:before{
content: none;
}
.header-icon-area > div:first-child {
margin-left: 0;
}
.header-icon-area .additional-menu-area {
margin-left: 15px;
}
.header-icon-area .offcanvas-menu-wrap {
display: inline-flex;
margin-left: 25px;
}
.header-icon-area .user-icon-area {
margin-right: 15px;
}
.header-icon-area .search-icon,
.header-icon-area .user-icon-area,
.menu-user .user-icon-area {
font-size: 20px;
line-height: 1;
}
.header-icon-area .search-icon a,
.header-icon-area .user-icon-area a,
.menu-user .user-icon-area a {
color: #fff;
}
.header-icon-area .search-icon a:hover,
.header-icon-area .user-icon-area a:hover,
.menu-user .user-icon-area a:hover {
color: #2962ff;
}
.menu-user {
display: inline-flex;
align-items: center;
}
.menu-user .user-icon-area {
margin-left: 15px;
position: relative;
bottom: 2px;
}
/*Right offcanvas menu icon*/
.offcanvas-menu-wrap button.offcanvas-btn-dark .menu-btn-icon > span {
background-color: #2962ff;
}
.offcanvas-menu-wrap button.offcanvas-btn-darklight .menu-btn-icon span {
background-color: #cccccc;
}
.offcanvas-menu-wrap button.offcanvas-btn-light .menu-btn-icon span {
background-color: #ffffff;
}
.offcanvas-menu-wrap button.offcanvas-close-btn.menu-status-close .menu-btn-icon span {
background-color: #ffffff;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn {
border: none;
background-color: transparent;
box-shadow: none;
cursor: pointer;
display: inline-flex;
align-items: center;
padding: 0;
width: 40px;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn:focus {
outline: none;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon {
display: block;
width: 35px;
position: relative;
height: 50px;
}
.offcanvas-navigation ul {
padding: 0;
margin: 0;
}
.offcanvas-navigation ul li {
line-height: 1.7;
}
@media(max-width: 767px) {
.offcanvas-navigation ul li {
line-height: 1.2;
}
.offcanvas-navigation ul li a {
font-size: 28px;
}
}
/*Header Search*/
.header-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f5f6fa;
transform: scaleY(0);
visibility: hidden;
z-index: 150;
transition: all 0.7s ease-in-out;
transform-origin: 0 0 0;
}

.header-search .header-search-form,
.header-search .stylish-input-group,
.header-search .custom-search-input {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.header-search .stylish-input-group input[type=search],
.header-search .header-search-form input[type=search],
.header-search .custom-search-input input[type=text] {
width: 54%;
height: 70px;
color: #000000;
font-size: 24px;
flex: initial;
text-align: left;
border: none;
border-radius: 0;
margin: 0px auto;
padding: 20px 35px 20px 0;
outline: none;
background: transparent;
border-bottom: 1px solid #2962ff;
line-height: 28px;
}
@media (max-width: 425px) {
.header-search .stylish-input-group input[type=search],
.header-search .header-search-form input[type=search],
.header-search .custom-search-input input[type=text] {
width: 70%;
}
}
.header-search .stylish-input-group input::-webkit-input-placeholder,
.header-search .header-search-form input::-webkit-input-placeholder,
.header-search .custom-search-input input::-webkit-input-placeholder {
color: #aaa;
}
.header-search .stylish-input-group input:-ms-input-placeholder,
.header-search .header-search-form input:-ms-input-placeholder,
.header-search .custom-search-input input:-ms-input-placeholder {
color: #aaa;
}
.header-search .stylish-input-group input:-moz-placeholder,
.header-search .header-search-form input:-moz-placeholder,
.header-search .custom-search-input input:-moz-placeholder {
color: #aaa;
}
.header-search .header-search-form .search-btn,
.header-search .stylish-input-group .btn,
.header-search .custom-search-input .btn {
padding: 0;
box-shadow: none;
border: none;
border-radius: 0;
color: #000000;
cursor: pointer;
font-size: 24px;
font-weight: 500;
margin-top: 0px;
margin-left: -32px;
background: transparent;
line-height: 29px;
z-index: 12;
transition: all 300ms;
}
.header-search .header-search-form .search-btn i {
line-height: 28px;
}
.header-search .header-search-form .search-btn:hover,
.header-search .stylish-input-group .btn:hover,
.header-search .custom-search-input .btn:hover {
color: #2962ff;
}
.header-search .stylish-input-group .btn,
.header-search .custom-search-input .btn {
position: absolute;
left: 20%;
}
.header-search .stylish-input-group input:focus,
.header-search .stylish-input-group .search-btn:focus,
.header-search .stylish-input-group .btn:focus,
.header-search .custom-search-input input:focus,
.header-search .header-search-form .search-btn:focus,
.header-search .custom-search-input .btn:focus {
box-shadow: none;
outline: none;
}
.header-search.open {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.header-search .close {
position: fixed;
top: 30px;
right: 15px;
margin: 0 auto;
color: #000000;
border-radius: 4px;
border: none;
opacity: 0.5;
visibility: visible;
padding: 0;
font-size: 70px;
font-weight: 300;
cursor: pointer;
background: transparent;
transition: all 300ms;
z-index: 1;
}
.header-search .close:focus {
box-shadow: none;
border: none;
outline: none;
}
.header-search .close:hover {
transform: scale(1.2);
opacity: 1;
}
.header-area {
background: #ffffff;
position: relative;
z-index: 2;
}
@media(max-width: 991px) {
.header-search .close {
top: 50px;
transform: none;
font-size: 50px;
}
}
/* Sticky Header */
.header-menu {
position: relative;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.admin-bar .rt-sticky {
top: 32px;
}
.rt-sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
background-color: #ff6363;
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
}
/* Header Logo */
.site-header .site-branding a {
display: table-cell;
vertical-align: middle;
color: #2962ff;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
}
.site-header .site-branding a img {
max-width: 162px;
width: 100%;
}
.site-header .site-branding .light-logo {
display: none;
}
/* Main Navigation fallbackcd*/
.fallbackcd-menu-item .fallbackcd {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000000;
padding: 38px 15px;
text-transform: capitalize;
font-family: 'Spartan', sans-serif;
transition: all ease 0.31s;
}
.main-navigation ul li span.new {
background: #2962ff;
font-size: 10px;
color: #fff;
padding: 3px 5px 2px;
border-radius: 5px;
}
.main-navigation ul li span.hot {
background: #ff1f1f;
font-size: 10px;
color: #fff;
padding: 3px 5px 2px;
border-radius: 5px;
}
/*-------------------------------------
#. Main Navigation
---------------------------------------*/
.site-header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.site-header .main-navigation nav ul li {
display: inline-block;
position: relative;
margin-bottom: 0;
}
.site-header .main-navigation nav ul li a {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000000;
padding: 20px 15px;
text-transform: capitalize;
font-family: 'Spartan', sans-serif;
transition: all ease 0.31s;
}
.site-header .main-navigation nav > ul > li > a::before {
position: absolute;
content: "";
height: 3px;
background: #2962ff;
right: 0;
margin: 0 auto;
bottom: 0;
width: 100%;
transition: .5s;
transform: scaleX(0);
transform-origin: top right;
}
.site-header .main-navigation nav > ul > li:hover > a::before {
transform-origin: top right;
transform: scaleX(1)
}
.site-header .main-navigation nav ul li.menu-item-has-children a:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 600;
vertical-align: middle;
transform: rotate(0deg);
display: inline-block;
padding-left: 6px;
font-size: 12px;
}
.site-header .main-navigation nav ul li.menu-item-has-children:hover a:after {
transform: rotate(180deg) translateX(-6px);
transition: all 0.4s ease;
}
.site-header .main-navigation nav ul li a:hover {
color: #2962ff;
}
.site-header .main-navigation nav ul li a.active {
color: #a5a5a5 !important;
}
.site-header .main-navigation ul.menu > li > a:hover {
color: #2962ff;
}
.site-header .main-navigation ul.menu li.current-menu-item > a,
.site-header .main-navigation ul.menu > li.current > a {
color: #2962ff;
}
.site-header .main-navigation ul.menu li.current-menu-ancestor > a {
color: #2962ff;
}
/*-------------------------------------
#. Submenu
---------------------------------------*/
.site-header .main-navigation ul li ul {
text-align: left;
}
.site-header .main-navigation ul li ul.sub-menu li.menu-item-has-children:before {
color: #656567;
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-size: 16px;
font-weight: 600;
position: absolute;
right: 15px;
top: 7px;
transition: all 0.4s ease;
}
.site-header .main-navigation ul li ul li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li ul li a {
position: relative;
overflow: hidden;
display: block;
color: #656567;
text-transform: inherit;
padding: 7px 20px 7px 25px;
font-weight: 500;
font-size: 13px;
z-index: 2;
transition: all 140ms ease-in-out;
}
.site-header .main-navigation ul > li > ul {
position: absolute;
top: 100%;
left: 0;
width: 225px;
margin: 0;
padding: 10px 0;
background-color: #fff;
text-align: left;
box-shadow: 0 0 90px 0 rgb(0 0 0 / 10%);
padding: 15px 0;
border-radius: 0 0 4px 4px;
visibility: hidden;
transition: all 0.4s cubic-bezier(.3,.02,0,.6);
opacity: 0;
z-index: 100;
transform: scaleY(0);
transform-origin: 0 0 0;
}
.site-header .main-navigation ul > li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
transform: scaleY(1);
}
.site-header .main-navigation ul > li > ul li ul {
left: 225px;
top: 0;
width: 225px;
}
.site-header .main-navigation ul > li:hover > ul li ul {
top: 0;
}
.site-header .main-navigation ul li ul {
background-color: #ffffff;
}
.site-header .main-navigation ul li ul li {
display: block;
border-bottom: none;
border-left: none;
}
.site-header .main-navigation ul li ul li:hover {
background: #ffffff;
}
.site-header .main-navigation ul li ul li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li ul.sub-menu li > a:before {
position: absolute;
content: "";
width: 3px;
height: 0px;
top: 50%;
left: 15px;
transform: translateY(-50%);
margin: 0;
background: #6c6c6c;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.site-header .main-navigation ul li ul.sub-menu li:hover > a:before {
background: #2962ff;
height: 11px;
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
}
/*Menu hover effect*/
.site-header .main-navigation ul.menu li ul.sub-menu li a:after {
content: "";
}
.site-header .main-navigation ul.menu li ul.sub-menu li a:hover {
color: #2962ff;
}
/*-------------------------------------
#. Mega Menu
---------------------------------------*/
.site-header .main-navigation ul li.mega-menu {
position: static;
}
.site-header .main-navigation ul li.mega-menu:hover ul {
opacity: 1;
visibility: visible;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li {
background-color: inherit;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li a {
padding-left: 25px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu {
background-color: #ffffff;
width: calc(100% - 24px);
max-width: 1296px;
position: absolute;
left: 0;
right: 0;
margin: auto;
padding: 15px;
display: flex;
justify-content: space-around;
}
.site-header .main-navigation ul li.mega-menu.menu-two-column,
.site-header .main-navigation ul li.mega-menu.menu-three-column {
position: relative;
}
.site-header .main-navigation ul li.mega-menu.menu-two-column > ul.sub-menu {
width: 550px;
}
.site-header .main-navigation ul li.mega-menu.menu-three-column > ul.sub-menu {
width: 790px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li {
display: inline-block;
width: 100%;
border: none;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li ul {
top: 0;
position: relative;
width: inherit;
left: inherit;
box-shadow: none;
border-top: none;
transform: none;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu li:after {
content: '';
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu li:before {
color: #2962ff;
font-size: 14px;
padding-right: 13px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li > a {
font-size: 16px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li > a {
font-weight: 700;
}
.site-header .main-navigation ul li.mega-menu.hide-header > ul.sub-menu > li > a {
display: none;
}
.site-header .main-navigation ul.menu li.mega-menu ul.sub-menu li:after,
.site-header .main-navigation ul.menu li.mega-menu ul.sub-menu li.menu-item-has-children:before {
display: none;
}
/*-------------------------------------
#. Header Layout 1
---------------------------------------*/
.header-style-1 .site-header .header-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-style-1 .site-header .header-top .icon-left {
float: left;
margin-right: 10px;
text-align: center;
font-size: 18px;
color: #2962ff;
}
.header-style-1 .site-header .header-top .info {
float: left;
line-height: 1;
font-size: 16px;
text-align: left;
color: #000000;
position: relative;
}
.header-style-1 .site-header .header-top .info-text {
font-size: 15px;
font-weight: 400;
}
.header-style-1 .site-header .header-top .info-text a {
color: #000000;
}
.header-style-1 .site-header .header-top .info-text a:hover {
color: #2962ff;
}
.header-style-1 .site-header .header-top .info-label {
display: block;
color: #76767d;
font-size: 13px;
}
.header-style-1 .site-header .header-top .header-address > div {
display: inline-flex;
align-items: center;
position: relative;
padding-right: 40px;
margin-right: 40px;
border-right: 1px solid #d4d3d3;
}
.header-style-1 .site-header .header-top .header-address > div:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
@media(max-width: 1199px) {
.header-style-1 .site-header .header-top {
display: block;
}
.header-style-1 .site-header .header-top .header-address {
text-align: center;
}
.header-style-1 .site-header .header-social {
margin-top: 20px;
justify-content: center;
}
}

.header-style-1 .site-header .main-navigation ul.menu > li.current > a:hover, .header-style-1 .site-header .main-navigation ul.menu > li.current-menu-item > a:hover, .header-style-1 .site-header .main-navigation ul li a.active, .header-style-1 .site-header .main-navigation ul.menu > li.current-menu-item > a, .header-style-1 .site-header .main-navigation ul.menu > li.current > a {color:#ffffff !important}

/*-------------------------------------
#. Header Responsive
---------------------------------------*/
@media all and (max-width: 1199px) {
.site-header .main-navigation nav ul li a {
padding-left: 7px;
padding-right: 7px;
}
.site-header .main-navigation ul li a {
padding-left: 7px;
padding-right: 7px;
}
.header-style-1 .site-header .header-top .header-address > div {
margin-bottom: 15px;
}
}
/*Header mobile responsive*/
@media(max-width: 991px) {
.header-style-1 .site-header .site-branding {
display: none;
}
.header-style-1 .header-controll,
.header-style-3 .header-controll {
border-bottom: 1px solid #f8f8f8;
}
.header-style-3 .header-3-middle {
display: none;
}
.header-style-1 .site-header .header-top .header-address {
width: 100%;
text-align: center;
}
.header-style-1 .site-header .header-top .header-address > div:nth-child(2):after {
display: none;
}
}
@media all and (max-width: 767px) {
/* Header 1 */
.site-header .main-navigation ul {
text-align: center;
}
.site-header .main-navigation ul li a {
padding-bottom: 10px;
padding-top: 10px;
}
.header-icon-area {
display: none;
}
.header-style-1 .site-header .header-top .header-address > div {
margin-right: 20px;
padding-right: 20px;
border: none;
}
.header-style-1 .site-header .header-top .icon-left {
font-size: 16px;
height: 40px;
width: 40px;
line-height: 38px;
}
/* Header 2 */
.header-style-2 .site-header .main-navigation ul {
text-align: center;
}
.header-style-2 .site-header .main-navigation ul li a {
padding: 10px 15px;
}
/* Header 3 */
.header-firstrow {
padding: 15px 0 10px;
}
.site-header .site-branding,
.header-firstrow-right {
display: block;
height: inherit;
}
.site-header .site-branding {
padding: 0 0 10px 0px;
}
.header-firstrow-right-contents {
display: block;
}
.header-firstrow-right-contents ul {
display: block;
padding: 0;
text-align: center;
}
.header-contact li {
display: block;
margin-left: 0;
}
.menu-sep {
margin-bottom: 10px;
}
.site-header .main-navigation ul {
text-align: center;
}
.site-header .main-navigation ul li a {
padding: 10px 15px;
}
/* Header 4 */
.header-firstrow-wrap {
padding-top: 10px;
}
.site-header .site-branding,
.header-firstrow {
display: block;
height: inherit;
text-align: center;
padding-top: 0;
padding-bottom: 10px;
}
.header-firstrow-contents {
display: block;
}
.header-contact li {
display: block;
margin-right: 0;
}
.header-firstrow-contents-right {
text-align: center;
}
.header-firstrow-contents-right .header-icon-area {
display: none;
}
/* Header 5 */
.site-header .site-branding {
float: none;
height: inherit;
}
.site-header .main-navigation {
float: none;
}
.site-header .main-navigation ul.menu > li > a {
padding: 10px 15px;
border-left: none;
}
.header-menu-btn {
display: none;
}
}
/*---------------------------
#. Header Ad
-----------------------------*/
.header-ad {
position: relative;
z-index: -1;
}
.header-before-ad {
margin-left: 30px;
}
.header-ad-item {
text-align: center;
padding: 30px 0 30px;
}
.content-top-ad-item {
padding-bottom: 30px;
}
.content-bottom-item {
padding-top: 20px;
}
.post-template-post-layout-2 .content-top-ad-item {
padding-bottom: 30px;
padding-top: 30px;
}
.content-top-ad-item img,
.content-bottom-ad img,
.header-ad-item img,
.header-before-ad img {
border-radius: 4px;
}
/*---------------------------
#. Header Right Menu
-----------------------------*/
/*offcanvas layout 1*/
.additional-menu-area .sidenav .canvas-content::-webkit-scrollbar {
width: 0;
}
.rt-slide-nav::-webkit-scrollbar {
width: 0;
}
.cart-area .cart-wrapper::-webkit-scrollbar {
width: 0;
}
.additional-menu-area a.side-menu-trigger {
color: #222;
cursor: pointer;
font-size: 21px;
line-height: 0;
}
.additional-menu-area .sidenav {
max-width: 395px;
width: 100%;
position: fixed;
transform: translateX(-100%);
top: 0;
left: 0;
z-index: 9999;
background-color: #ffffff;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
will-change: transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
}
.additional-menu-area .sidenav .canvas-content {
height: 100vh;
padding: 50px;
transition: all ease 0.8s;
overflow-y: auto;
-ms-overflow-style: none;
-moz-scrollbar-width: none;
}
.additional-menu-area .sidenav .closebtn {
background: #2962ff;
color: #ffffff;
display: block;
font-size: 20px;
position: absolute;
right: 50px;
top: 55px;
font-weight: 500;
width: 44px;
height: 44px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 4;
}
.additional-menu-area .sidenav .additional-logo a {
color: #2962ff;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
}
.additional-menu-area .sidenav .additional-logo img {
max-width: 162px;
width: 100%;
}
.additional-menu-area .sidenav .sidenav-search {
border: 1px solid #5f5f5f;
margin: 0 20px 10px 20px;
}
.additional-menu-area .sidenav ul li {
position: relative;
font-family: 'Spartan', sans-serif;
line-height: 24px;
list-style: none;
border-bottom: 1px solid #e9e9e9;
transition: all ease 0.31s;
}
.additional-menu-area .sidenav ul li:last-child {
border-bottom: none;
}
.additional-menu-area .sidenav ul li a {
position: relative;
display: block;
font-size: 14px;
color: #000000;
border: none;
padding: 10px 0;
font-weight: 500;
transition: all 140ms ease-in-out;
}
.additional-menu-area .sidenav ul li a:hover {
color: #2962ff;
}
.additional-menu-area .sub-menu {
display: none;
}
.additional-menu-area .sidenav .sub-menu {
border-top: 1px solid #e9e9e9;
padding-left: 20px;
}
.additional-menu-area .sidenav ul li ul.sub-menu li > a {
font-size: 13px;
}
.additional-menu-area .sidenav ul li > span {
position: absolute;
right: 0;
top: 0;
height: 44px;
width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 9;
cursor: pointer;
}
.additional-menu-area .sidenav ul li > span:after {
content: '\f067';
display: inline-block;
font-family: "Font Awesome 5 Free";
transition: .1s;
right: 15px;
font-weight: 700;
position: absolute;
font-size: 13px;
color: #999999;
}
.additional-menu-area .sidenav ul li > span.open:after {
content: '\f068';
color: #2962ff;
}
/*offcanvas layout 2*/
.additional-menu-area .sidenav-address {
padding-top: 40px;
}
.additional-menu-area .sidenav-address span {
font-size: 15px;
display: block;
margin-bottom: 10px;
}
.additional-menu-area .sidenav-address span i {
color: #2962ff;
margin-right: 15px;
}
.additional-menu-area .sidenav-address span a {
display: inline-block;
color: #444444;
padding: 0;
}
.additional-menu-area .sidenav-address span a:hover {
color: #2962ff;
}
.additional-menu-area .sidenav-address .copyright {
margin-top: 20px;
}
.additional-menu-area .sidenav-social {
margin-top: 20px;
}
.additional-menu-area .sidenav-social span {
color: #646464;
display: inline-block;
padding-right: 5px;
font-size: 16px;
text-align: center;
}
.additional-menu-area .sidenav-social span a i {
margin-right: 0;
color: #fff;
}
.additional-menu-area .sidenav-social span a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #000000;
color: #fff;
font-size: 13px;
transition: all 0.4s ease;
}
.additional-menu-area .sidenav-social span a:hover {
background-color: #2962ff;
}
.additional-menu-area #sb_instagram {
margin-left: -10px;
padding-bottom: 0 !important;
}
body .rt-cover {
z-index: 149;
opacity: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0);
animation: slideInLeft 500ms ease-in-out;
transition: all 0.5s ease-in-out;
}
/*offcanvus button*/
.header-offcanvus button.side-menu-trigger .menu-text {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
margin-left: 10px;
color: #292929;
transition: all 0.3s ease;
position: relative;
top: 1px;
}
.header-offcanvus button.side-menu-trigger {
border: none;
background-color: transparent;
box-shadow: none;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
padding: 7px 0 0;
border-radius: 4px;
justify-content: center;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon {
position: relative;
display: block;
width: 28px;
height: 16.5px;
top: 1px;
overflow: hidden;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line {
position: absolute;
left: 0;
height: 2px;
width: 100%;
background-color: #818181;
border-radius: 12px;
transition: all 0.3s ease-out;
transition-delay: 0s;
transform: translateX(0);
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon::before,
.header-offcanvus button.side-menu-trigger .menu-btn-icon::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #818181;
transition: all 0.3s ease-out;
transform: translateX(-100%);
transform-origin: left;
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line2::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #818181;
transition: all 0.3s ease-out;
transform: translateX(-100%);
transform-origin: left;
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line1 {
top: 0;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line2 {
top: 7px;
width: 20px;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line3 {
top: 14px;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon::after {
bottom: 0;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line {
transform: translateX(100%);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line1 {
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line2 {
transition-delay: 0.15s;
transform: translateX(100%);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line3 {
transition-delay: 0.30s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::before,
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::after {
transform: translateX(0);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::before {
transition-delay: 0.3s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::after {
transition-delay: 0.45s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line2::before {
transform: translateX(-100%);
transition-delay: 0.75s;
}
/*offcanvus widget*/
.sidenav-address > .widget {
margin-bottom: 40px;
}
.sidenav-address > .widget h3 {
display: flex;
align-items: center;
position: relative;
font-size: 20px;
margin-bottom: 20px;
line-height: 1.4;
z-index: 2;
}
.additional-menu-area .sidenav-address h4 {
margin-bottom: 15px;
}
.additional-menu-area .sidenav-address h4.social-title {
margin-top: 30px;
}
.sidenav-address > .rt-post-box .post-box-style .post-box-img {
margin-right: 15px;
flex: 0 0 80px;
}
.sidenav-address > .rt-post-box .post-box-style .item-list .post-box-img img {
width: 80px;
height: 80px;
}
.additional-menu-area .sidenav .light-logo {
display: none;
}
/*-------------------
#. Preloader css
--------------------*/
#preloader {
overflow: visible;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999999;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
}
.loader {
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;
background: #ffffff;
}
.loader .cssload-loader {
width: 65px;
height: 65px;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
}
.loader .cssload-inner {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: 50%;
}
.loader .cssload-inner.cssload-one {
left: 0%;
top: 0%;
animation: cssload-rotate-one 1.15s linear infinite;
border-bottom: 5px solid #2962ff;
}
.loader .cssload-inner.cssload-two {
right: 0%;
top: 0%;
animation: cssload-rotate-two 1.15s linear infinite;
border-right: 5px solid #2962ff;
}
.loader .cssload-inner.cssload-three {
right: 0%;
bottom: 0%;
animation: cssload-rotate-three 1.15s linear infinite;
border-top: 5px solid #2962ff;
}
@keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}

@-webkit-keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}

@keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}

@-webkit-keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}

@keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}

@-webkit-keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}
/*---------------------------------------------------------
#. Footer - Scroll to top
-----------------------------------------------------------*/
.scroll-wrap {
position: fixed;
right: 24px;
bottom: 24px;
width: 37px;
height: 37px;
cursor: pointer;
display: block;
border-radius: 100%;
box-shadow: inset 0 0 0 0.1rem rgb(128 130 134 / 25%);
z-index: 9;
opacity: 0;
visibility: hidden;
transform: translateY(0.75rem);
transition: all 200ms linear, margin-right 0ms;
}
.scroll-wrap:after {
position: absolute;
content: "\f062";
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #2962ff;
left: 0;
top: 0;
height: 37px;
width: 37px;
cursor: pointer;
display: block;
z-index: 1;
transition: all 200ms linear;
}
.scroll-wrap.active-scroll {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-wrap svg path {
fill: none;
}
.scroll-wrap svg.scroll-circle path {
stroke: #2962ff;
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear;
}
/*---------------------------------------------
#. Widgets - Footer Widgets
-----------------------------------------------*/
.site-content {
position: relative;
background-color: #ffffff;
z-index: 1;
transition: all ease 0.31s;
}
@media (min-width: 1400px) {
.footer-sticky {
position: sticky;
bottom: 0;
top: 0;
z-index: 0;
}
}
.footer-bottom-area a,
.footer-bottom-area a:link,
.footer-bottom-area a:visited {
color: #646464;
}
.footer-bottom-area a:hover,
.footer-bottom-area .widget ul li a:hover {
color: #000000;
}
.footer-logo img {
max-width: 175px;
}
.footer-area .widgettitle {
display: block;
position: relative;
color: #ffffff;
font-size: 20px;
margin-bottom: 25px;
}
.footer-content-area {
font-size: 16px;
border-top: none;
padding: 90px 0 30px;
}
@media (max-width: 767px) {
.footer-top-area {
text-align: left;
}
.footer-content-area {
padding-top: 80px;
padding-bottom: 20px;
}
}
.footer-top-area .widget select {
color: #444444;
}
.footer-top-area .widget_archive.widget > select {
margin-top: 0;
}
.footer-top-area .widget {
margin-bottom: 60px;
padding-bottom: 0px;
width: 100%;
position: relative;
z-index: 1;
}
.footer-area caption {
color: inherit;
}
.footer-top-area .widget ul.menu li a {
display: inline-block;
position: relative;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget ul.menu li a::before {
position: absolute;
left: 0;
top: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget ul.menu li a:hover::before {
background-color: #2962ff;
}
/*corporate address*/
.footer-top-area .widget_neeon_address p {
margin-bottom: 0;
}
.footer-top-area .corporate-address {
margin-top: 20px;
}
.footer-top-area .corporate-address li {
display: inline-block;
width: 100%;
vertical-align: top;
padding-bottom: 0;
}
.footer-top-area .corporate-address li span {
color: #ffffff;
font-size: 16px;
font-weight: 500;
}
/*widget search*/
.footer-top-area .search-form input:-webkit-autofill,
.footer-top-area .search-form input:-webkit-autofill:hover,
.footer-top-area .search-form input:-webkit-autofill:focus,
.footer-top-area .search-form input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.footer-top-area .search-form .input-group>.custom-select:not(:last-child),
.footer-top-area .search-form .input-group>.form-control:not(:last-child) {
border-bottom: 1px solid #0f1012;
}
.footer-top-area .search-form button:hover {
color: #fff;
}
.footer-top-area .search-form input {
color: #ffffff;
}
.footer-top-area .widget_search .search-form input.form-control::-webkit-input-placeholder {
color: #d0d0d0;
}
.footer-top-area .widget_search .search-form input.form-control:-ms-input-placeholder {
color: #d0d0d0;
}
.footer-top-area .widget_search .search-form input.form-control:-moz-placeholder {
color: #d0d0d0;
}
.footer-top-area .wp-caption-text {
color: #d0d0d0;
}
/*widget archive*/
.footer-top-area .widget_archive ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_archive ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_archive ul li a:hover::before {
background-color: #2962ff;
}
/*widget categories*/
.footer-top-area .widget_categories {
overflow: hidden;
}
.footer-top-area .widget_categories ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_categories ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_categories ul li a:hover::before {
background-color: #2962ff;
}
/*neeon category*/
.footer-top-area .rt-category-style2 {
display: inline-block;
}
.footer-top-area .rt-category-style2 .rt-item {
margin-bottom: 19px;
width: 50%;
float: left;
}
.footer-top-area .rt-category-style2 .rt-item:last-child {
margin-bottom: 0;
}
.footer-top-area .rt-category-style2 .rt-item img {
display: none;
}
.footer-top-area .rt-category-style2 .rt-item .rt-content {
position: relative;
top: initial;
transform: none;
padding: 0 0 0 20px;
}
.footer-top-area .rt-category .rt-item::after {
display: none;
}
.footer-top-area .rt-category .rt-item .rt-cat-name {
color: inherit;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 1px;
margin-bottom: 0;
transition: all 140ms ease-in-out;
}
.footer-top-area .rt-category-style2 .rt-item .rt-cat-count {
color: #d0d0d0;
font-size: 15px;
background-color: transparent;
display: inherit;
width: inherit;
height: inherit;
border-radius: 50%;
line-height: 1;
}
.footer-top-area .rt-category-style2 .rt-item:hover .rt-cat-count {
background-color: transparent;
}
.footer-top-area .rt-category .rt-item .rt-cat-name::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .rt-category .rt-item a:hover .rt-cat-name::before {
background-color: #2962ff;
}
/*widget pages*/
.footer-top-area .widget_pages ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_pages ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_pages ul li a:hover::before {
background-color: #2962ff;
}
/*widget meta*/
.footer-top-area .widget_meta li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_meta ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_meta ul li a:hover::before {
background-color: #2962ff;
}
/*widget recent comments*/
.footer-top-area .widget_recent_comments ul li {
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_recent_comments ul li.recentcomments:last-child {
margin-bottom: 0;
}
.footer-top-area .widget_recent_comments ul li.recentcomments > a:before {
display: none;
}
.footer-top-area .widget_recent_comments ul li.recentcomments > span {
position: relative;
}
.footer-top-area .widget_recent_comments ul li.recentcomments:hover > span:before {
background-color: #2962ff;
}
.footer-top-area .widget_recent_comments ul li.recentcomments span > a:before {
left: -15px;
top: -3px;
}
/*widget recent entries*/
.footer-top-area .widget_recent_entries ul li a {
display: inline-block;
position: relative;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_recent_entries ul li a:after {
position: absolute;
content: "";
bottom: 3px;
width: 0%;
left: 100%;
background: #fff;
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.footer-top-area .widget_recent_entries ul li a:hover:after {
left: 0;
width: 100%;
opacity: 1;
visibility: visible;
transition: width 0.4s ease;
}
/*widget Social*/
.footer-area .footer-about {
margin-bottom: 28px;
}
@media(min-width: 992px) {
.footer-area .footer-about {
margin-right: 40px;
}
.footer-style-1 .footer-area .widget_media_image {padding-right:40px;}

}
.footer-area .social-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
width: 100%;
}
@media(max-width: 425px) {
.footer-area .social-wrap {
gap: 10px;
}
}
@media(max-width: 320px) {
.footer-area .social-wrap {
gap: 0;
}
}
.footer-area .social-wrap .footer-social {
display: flex;
flex-wrap: unset;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.footer-area .social-wrap .wrapper-line {
width: 100%;
height: 1px;
border: 1px solid #404040;
flex-grow: 1;
}
.footer-area .footer-social li {
display: inline-block;
margin-right: 5px;
padding-bottom: 0;
transition: all ease 0.31s;
}
.footer-area .footer-social li a {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
width: 44px;
font-size: 15px;
text-align: center;
background: rgba(255, 255, 255, 0.102);
border-radius: 50%;
transition: all 0.4s ease;
}
.footer-area .footer-social li a:hover {
background: #2962ff;
}
.footer-top-area ul li a i {
transition: all ease 0.31s;
}
.footer-top-area ul li a:hover i {
animation: toBottomFromTop 0.5s forwards;
}
/*widget tag cloud*/
.footer-top-area .widget_tag_cloud .tagcloud {
padding-top: 10px;
}
.footer-top-area .widget_tag_cloud a {
background: transparent;
border-radius: 4px;
border: 1px solid #252525;
color: #d0d0d0 !important;
display: inline-block;
font-size: 15px !important;
margin: 0 2px 4px 0;
padding: 8px 13px;
transition: all 0.3s;
}
@media(max-width:991px) {
.footer-top-area .widget_tag_cloud a {
padding: 8px;
}
}
.footer-top-area .widget_tag_cloud a:hover {
background-color: #2962ff !important;
color: #ffffff !important;
}
.footer-top-area .search-form input.search-submit {
background-color: #fff;
color: #2962ff;
}
/*widget calender*/
.footer-top-area .widget_calendar caption {
caption-side: initial;
text-align: center;
font-weight: 500;
border-radius: 6px 6px 0 0;
background: #2962ff;
color: #ffffff;
padding: 10px 7px;
margin-top: 0px;
}
.footer-top-area .widget_calendar table th,
.footer-top-area .widget_calendar table td {
border: none;
}
.footer-top-area .widget_calendar table td#today {
background: #2962ff;
color: #ffffff;
border-radius: 3px;
}
.footer-top-area .widget_calendar table td#today a {
color: #ffffff;
}
.footer-top-area .widget_calendar table td a {
color: #2962ff;
}
/*widget post box*/
.footer-top-area .post-box-style .rt-news-box-widget {
border-bottom: none;
margin-bottom: 15px;
padding-bottom: 15px;
}
.footer-top-area .post-box-style .post-content .entry-title a {
color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
}
.footer-top-area .post-box-style .entry-cat a,
.footer-top-area .post-box-style .entry-date {
color: #d0d0d0;
}
.footer-top-area a {
text-decoration: none;
}
.footer-top-area .widget a:hover,
.footer-top-area .widget a:active {
/* color: #000000; */
}
.footer-top-area ul li {
margin-bottom: 8px;
padding-bottom: 8px;
position: relative;
line-height: 1.4;
}
.footer-top-area ul li:last-child,
.footer-top-area ul.menu li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.footer-top-area ul li ul.children,
.footer-top-area ul li ul.sub-menu {
padding-left: 15px;
padding-top: 15px;
}
.footer-top-area ul li ul.children li :last-child,
.footer-top-area ul li ul.sub-menu li :last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
.footer-top-area ul li a {
text-decoration: none;
}
.footer-top-area .widget_tag_cloud a {
text-decoration: none;
}
.footer-top-area .mc4wp-success {
margin-top: 25px;
}
.footer-top-area .widget > form.mc4wp-form {
padding: 0px;
background: transparent;
}
.footer-top-area .rt-news-box .media-body .post-date-dark {
font-size: 14px;
margin-bottom: 12px;
}
.footer-top-area .rt-news-box .media-body .post-date-dark ul li {
color: #aeaeae;
}
.footer-top-area .rt-news-box .media-body h3 {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
}
.footer-top-area .rt-news-box .dark .rt-news-box-widget .media-body a {
color: #c6ceec;
}
.footer-top-area .rt-news-box .dark .rt-news-box-widget .media-body a:hover {
color: #2962ff;
}
.footer-top-area .rt-news-box .media a.post-img-holder {
width: 32% !important;
}
.footer-top-area .gallery .gallery-item {
max-width: 31.5%;
margin: 0 5px 5px 0px;
}
.footer-top-area .gallery .gallery-item img {
max-height: 100px;
}
.footer-area .copyright {
color: #aaaaaa;
text-align: center;
}
.footer-area .copyright a {
color: #d0d0d0;
}
.footer-area .copyright a:hover {
color: #ffffff;
}
.footer-bg-opacity {
position: relative;
z-index: 999;
}
.footer-bg-opacity:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: -1;
}
.footer-area {
position: relative;
overflow: hidden;
background-color: #0f1012;
color: #d0d0d0;
}
.footer-area .footer-top-area {
background-color: #0f1012;
}
/**/
.footer-style-1 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-1 .footer-copyright-area {
border-top: 1px solid #252525;
font-size: 17px;
text-align: center;
padding: 25px 0;
position: relative;
}
.footer-style-1 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-1 .footer-top-area .widget ul.menu li a {
margin-left: 0;
}
/*Footer 2*/
.footer-style-2 .footer-copyright-area {
position: relative;
z-index: 999;
font-size: 16px;
text-align: center;
padding: 25px 0;
border-top: 1px solid #252525;
}
.footer-style-2 .footer-area .widget_media_image {
margin-bottom: 25px;
}
/*Footer 3*/
.footer-style-3 .footer-area .widgettitle {
color: #ffffff;
}
.footer-style-3 .footer-top-area {
padding-bottom: 80px;
padding-top: 80px;
text-align: center;
}
.footer-style-3 .footer-logo {
margin-bottom: 35px;
}
.footer-style-3 .footer-area .copyright {
color: #d0d0d0;
font-size: 16px;
margin: 0;
padding-top: 25px;
}
.footer-style-3 .footer-top-area .widget ul li {
display: inline-block;
margin-right: 10px;
}
.footer-style-3 .footer-top-area .widget ul li:last-child {
margin-right: 0;
}
.footer-style-3 .footer-top-area .widget ul.menu li:first-child a::before {
display: none;
}
.footer-style-3 .footer-top-area ul.menu li.menu-item-has-children .sub-menu {
display: none;
}
.footer-style-3 .footer-top-area .widget {
margin-bottom: 30px;
}
.footer-style-3 .footer-top-area a,
.footer-style-3 .footer-area .copyright a,
.footer-style-3 .footer-top-area .widget ul.menu li a {
color: #d0d0d0;
}
.footer-style-3 .footer-top-area a:hover,
.footer-style-3 .footer-area .copyright a:hover,
.footer-style-3 .footer-top-area .widget ul.menu li a:hover {
color: #ffffff;
}
.footer-style-3 .footer-area .copyright a:hover {
color: #ffffff;
}
/*Footer 4*/
.footer-style-4 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-4 .footer-copyright-area {
border-top: 1px solid #252525;
font-size: 16px;
text-align: center;
padding: 60px 0 60px;
position: relative;
}
.footer-style-4 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-4 .footer-top-area .widget ul.menu li a {
margin-left: 0;
}
.footer-style-4 .shape-holder > span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
z-index: 0;
}
/*Footer 5*/
.footer-style-5 .footer-area .widgettitle {
color: #000000;
}
.footer-style-5 .footer-area .footer-top-area {
background-color: transparent;
color: inherit;
}
.footer-style-5 .footer-top-area .widget a {
color: #000000;
}
.footer-style-5 .footer-top-area .widget a:hover,
.footer-style-5 .footer-area .copyright a:hover {
color: #2962ff;
}
.footer-style-5 .footer-copyright-area {
border-top: 1px solid #e5e2e2;
font-size: 16px;
text-align: center;
padding: 30px 0 30px;
position: relative;
}
.footer-style-5 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-5 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-5 .footer-top-area .post-box-style .post-content .entry-title a,
.footer-style-5 .footer-top-area .post-box-style .post-content .entry-title a:hover {
color: #000;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
}
.footer-style-5 .footer-top-area .post-box-style .entry-cat a,
.footer-style-5 .footer-top-area .post-box-style .entry-date {
color: #a5a6aa;
}
.footer-style-5 .footer-area .footer-social li a {
background-color: #000000;
color: #fff;
}
.footer-style-5 .footer-area .copyright,
.footer-style-5 .footer-area .copyright a {
color: #a5a6aa;
}
/*Footer 6*/
.footer-style-6 .footer-area {
background-color: #ffffff;
color: #6c6f72;
}
.footer-style-6 .footer-area .widgettitle {
color: #000000;
font-family: "Roboto Slab", Sans-serif;
}
.footer-style-6 .footer-area .footer-top-area {
background-color: transparent;
color: inherit;
}
.footer-style-6 .footer-top-area .widget a {
color: #6c6f72;
}
.footer-style-6 .footer-top-area .widget a:hover,
.footer-style-6 .footer-area .copyright a:hover {
color: #2962ff;
}
.footer-style-6 .footer-copyright-area {
border-top: 1px solid #e5e2e2;
font-size: 16px;
text-align: center;
padding: 30px 0 30px;
position: relative;
}
.footer-style-6 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-6 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-6 .footer-top-area .post-box-style .post-content .entry-title a,
.footer-style-6 .footer-top-area .post-box-style .post-content .entry-title a:hover {
color: #000;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
}
.footer-style-6 .footer-top-area .post-box-style .entry-cat a,
.footer-style-6 .footer-top-area .post-box-style .entry-date {
color: #6c6f72;
}
.footer-style-6 .footer-area .footer-social li a {
background-color: transparent;
border: 1px solid #6c6f72;
color: #6c6f72;
}
.footer-style-6 .footer-area .footer-social li a:hover {
background-color: #2962ff;
border: 1px solid transparent;
}
.footer-style-6 .footer-top-area .rt-category .rt-item .rt-cat-name::before {
background-color: #6c6f72;
}
.footer-style-6 .footer-area .copyright,
.footer-style-6 .footer-area .copyright a {
color: #6c6f72;
}
.footer-style-6 .post-box-style .post-content .entry-title {
font-family: "Roboto Slab", Sans-serif;
}

/*Footer 7*/
.footer-style-7 .footer-area .widgettitle {
color: #ffffff;
}
.footer-style-7 .footer-top-area {
padding-top: 80px;
text-align: center;
}
.footer-style-7 .footer-logo-area {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 80px;
}
.footer-style-7 .footer-social {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
}
.footer-style-7 .footer-area .copyright {
color: #d0d0d0;
font-size: 16px;
padding-bottom: 25px;
padding-top: 25px;
border-top: 1px solid #404040;
text-align: center;
}
.footer-style-7 .footer-top-area .widget ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
padding-bottom: 0;
}
.footer-style-7 .footer-top-area .widget ul.menu li:first-child a::before {
display: none;
}
.footer-style-7 .footer-top-area ul.menu li.menu-item-has-children .sub-menu {
display: none;
}
.footer-style-7 .footer-top-area .widget {
margin-bottom: 0;
}
.footer-style-7 .footer-top-area a,
.footer-style-7 .footer-area .copyright a,
.footer-style-7 .footer-top-area .widget ul.menu li a {
color: #d0d0d0;
}
.footer-style-7 .footer-top-area a:hover,
.footer-style-7 .footer-area .copyright a:hover,
.footer-style-7 .footer-top-area .widget ul.menu li a:hover {
color: #ffffff;
}
.footer-style-7 .footer-area .copyright a:hover {
color: #ffffff;
}
@media(max-width: 991px) {
.footer-style-7 .footer-logo-area {
display: block;
}
.footer-style-7 .footer-logo,
.footer-style-7 .footer-top-area .widget {
margin-bottom: 35px;
}
}
/*Footer 8*/
.footer-style-8 .footer-area .row > div:last-child {
padding-left: 50px;
}
.footer-style-8 .footer-area .rt-category-style2 .rt-item {
width: 100%;
float: unset;
}
.footer-style-8 .footer-area .copyright-area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
border-top: 1px solid #313131;
padding-top: 50px;
padding-bottom: 50px;
}
.footer-style-8 .footer-area .footer-social {
margin: 0;
padding: 0;
}
@media(max-width: 1199px) {
.footer-style-8 .footer-area .row > div:last-child {
padding-left: 12px;
}
}
@media(max-width: 767px) {
.footer-style-8 .footer-area .copyright-area {
display: block;
text-align: center;
}
.footer-style-8 .footer-area .footer-social {
padding: 15px 0 10px;
}
.footer-style-8 .footer-area .widget {
text-align: center;
}
}
/*---------------------------------------------
#. Widgets - Sidebar
-----------------------------------------------*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.header-search-form input:-webkit-autofill,
.header-search-form input:-webkit-autofill:hover,
.header-search-form input:-webkit-autofill:focus,
.header-search-form input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px transparent inset !important;
}
.widget_categories select,
.widget_archive select,
.widget_text select,
.fluentform select {
appearance: none;
background-size: 12px;
background-image: url(../img/select-arrow.png) !important;
background-repeat: no-repeat;
background-position: 95%;
}
.widget select {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 12px 13px;
width: 100%;
outline: none;
}
.widget > select {
margin-top: 10px;
}
.widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.widget ul li a {
color: #444444;
display: inline;
transition: all ease 0.31s;
}
.widget ul li a:hover {
color: #2962ff;
}
.widget_recent_entries ul li span {
display: block;
}
.sidebar-widget-area .widget {
margin-bottom: 40px;
overflow: hidden;
position: relative;
}
.sidebar-widget-area .widget .widgettitle {
display: flex;
align-items: center;
position: relative;
color: #000000;
font-size: 17px;
margin-bottom: 30px;
line-height: 1.4;
z-index: 2;
text-transform: uppercase;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget .widgettitle .titledot {
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #2962ff;
margin-right: 7px;
margin-left: 15px;
display: inline-block;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget .widgettitle .titleline {
border: 1px solid #e5e5e5;
border-width: 1px 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 4px;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget:last-child {
margin-bottom: 0;
}
.sidebar-widget-area .widget ul li {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 13px;
padding: 0 0 13px;
position: relative;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar-widget-area .widget ul li a {
font-size: 16px;
font-weight: 400;
position: relative;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget ul li a:hover {
color: #2962ff;
}
.sidebar-widget-area .widget ul li ul {
border-top: 1px solid #e2e2e2;
margin-top: 10px;
padding-top: 10px;
}
.sidebar-widget-area .widget_nav_menu ul ul.sub-menu li:last-child,
.sidebar-widget-area .widget_categories ul ul.children li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.sidebar-widget-area .widget ul li.active a {
color: #000000;
}
.sidebar-widget-area .widget ul li ul.children li:last-child,
.sidebar-widget-area .widget ul li ul.sub-menu li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
/*Sidebar block widget*/
.sidebar-widget-area .widget_block h2 {
display: block;
position: relative;
color: #000000;
font-size: 22px;
margin-bottom: 25px;
line-height: 1.4;
z-index: 2;
}
.sidebar-widget-area ol.wp-block-latest-comments {
padding-left: 0;
}
.sidebar-widget-area .wp-block-latest-comments__comment {
line-height: 1.6;
list-style: none;
margin-bottom: 1em;
}
.widget_search .wp-block-search .wp-block-search__label {
display: none;
}
.wp-block-search .wp-block-search__label {
font-size: 20px;
font-weight: 500;
}
.wp-block-search input {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
color: #444444;
font-size: 15px;
outline: none;
}
.wp-block-search .wp-block-search__button {
background-color: #2962ff;
border-radius: 4px;
border: none;
color: #ffffff;
font-size: 16px;
font-family: 'Spartan', sans-serif;
font-weight: 500;
}
.sidebar-widget-area ul.wp-block-categories li,
.sidebar-widget-area ul.wp-block-archives li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
}
.sidebar-widget-area ul.wp-block-categories li a,
.sidebar-widget-area ul.wp-block-archives li a {
float: left;
}
.wp-block-categories,
.wp-block-archives {
margin: 0;
padding: 0;
list-style-type: none;
}
.wp-block-categories li ul.children,
.wp-block-archives li ul.children {
padding-left: 17px;
float: left;
width: 100%;
border-top: 1px solid #e2e2e2;
margin-top: 10px;
padding-top: 10px;
margin-left: 0;
list-style: none;
}
.wp-block-categories li,
.wp-block-archives li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 13px;
padding: 0 0 13px;
position: relative;
transition: all 140ms ease-in-out;
}
.wp-block-categories li:last-child,
.wp-block-archives li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.wp-block-categories li a,
.wp-block-archives li a {
float: left;
font-size: 16px;
font-weight: 400;
position: relative;
color: #444444;
display: inline;
transition: all 140ms ease-in-out;
}
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
color: #2962ff;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 10px;
padding: 14px 13px;
width: 100%;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 12px;
background-image: url(../img/select-arrow.png) !important;
background-repeat: no-repeat;
background-position: 98%;
}
/*Recent comment widget*/
.sidebar-widget-area .widget_recent_comments ul li.recentcomments {
line-height: 1.6;
position: relative;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments:last-child {
margin-bottom: 0;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments > a:before {
display: none;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments > span {
position: relative;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments:hover > span:before {
background-color: #2962ff;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments span > a:before {
left: -15px;
top: -3px;
}
.sidebar-widget-area .widget_recent_entries ul li .post-date {
color: #535151;
font-size: 14px;
}
/*widget rss*/
.sidebar-widget-area .widget_rss .widgettitle a {
color: #000000;
}
.sidebar-widget-area .widget_rss .rss-widget-icon {
margin-right: 7px;
position: relative;
top: -3px;
}
.sidebar-widget-area .widget_rss ul li {
position: relative;
color: #646464;
background: #ffffff;
line-height: 1.6;
transition: all 0.3s ease-out;
}
.sidebar-widget-area .widget_rss ul li a {
padding-left: 0;
font-weight: 500;
color: #000000;
}
.sidebar-widget-area .widget_rss ul li a:before {
display: none;
}
.sidebar-widget-area .widget_rss ul li:last-child {
margin-bottom: 0px;
padding-bottom: 20px;
}
.sidebar-widget-area .widget_rss cite {
color: #000000;
font-weight: 500;
}
/*---widget text css---*/
.widget_text .textwidget strong {
font-weight: 500;
}
/*---Accesspress tag css---*/
.sidebar-widget-area .widget_tag_cloud a,
.sidebar-widget-area .widget_product_tag_cloud a {
color: #646464;
border: 1px solid #e5e5e5;
background: #ffffff;
border-radius: 4px;
display: inline-block;
font-size: 15px !important;
margin: 0 0px 4px 0;
padding: 6px 12px;
font-weight: 400;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget_tag_cloud a:hover,
.sidebar-widget-area .widget_product_tag_cloud a:hover {
background-color: #2962ff;
border: 1px solid transparent;
color: #ffffff;
}
/*Sidebar search*/
.search-form {
padding-top: 0;
}
.search-form .input-group {
position: relative;
margin-bottom: 0;
padding: 5px;
border-radius: 4px;
border: 1px solid #e5e5e5;
transition: all ease 0.31s;
}
.search-form input {
border: none !important;
color: #444444;
font-size: 14px;
font-weight: 500;
border-radius: 0;
float: left;
height: 43px;
padding: 5px 52px 5px 10px;
width: 100%;
outline: none;
background-color: transparent;
letter-spacing: 1px;
}
.search-form button {
position: absolute !important;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 43px;
border-radius: 3px !important;
background-color: #2962ff;
color: #fff;
font-size: 16px;
border: none;
transition: all 0.3s ease;
}
.search-form button:focus {
outline: none;
box-shadow: none;
}
.search-form button:hover {
background: #0034c2;
color: #ffffff;
}
.search-form input:focus {
outline: none;
box-shadow: none;
border-color: #2962ff;
background: transparent;
}
.search-form input.search-submit {
width: 100%;
}
.widget_search .search-form input.form-control::-webkit-input-placeholder {
color: #444444;
}
.widget_search .search-form input.form-control:-ms-input-placeholder {
color: #444444;
}
.widget_search .search-form input.form-control:-moz-placeholder {
color: #444444;
}
.mobile-header-search .custom-search-input input {
border: 1px solid #dcdcdc;
border-radius: 0px;
box-shadow: none;
float: left;
height: 40px;
padding: 0 25px 0 12px;
width: 100%;
}
.mobile-header-search .custom-search-input button {
background: transparent;
border: none;
border-radius: 0px;
box-shadow: none;
color: #646464;
font-size: 16px;
position: absolute;
top: 0;
transition: all 0.5s ease;
padding: 8px 18px 8px 17px;
right: 15px;
}
.mobile-header-search .custom-search-input button:hover {
color: #2962ff;
}
.mobile-header-search .custom-search-input .btn {
z-index: 5;
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 0;
}
.sidebar-widget-area .widget.rt-news-box .rt-widget-title-holder {
margin-bottom: 0;
}
/*post box*/
.post-box-style .topic-box {
margin-bottom: 12px;
position: relative;
}
.post-box-style .topic-box img {
border-radius: 4px;
transform: scale(1.01);
transition: all 0.5s ease;
}
.post-box-style .topic-box:hover img {
transform: scale3d(1.1,1.1,1);
}
.post-box-style .rt-news-box-widget {
position: relative;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 22px;
padding-bottom: 25px;
display: inline-block;
transition: all ease 0.31s;
}
.post-box-style .rt-news-box-widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-box-style .item-list {
display: flex;
align-items: center;
}
.post-box-style .post-box-img {
position: relative;
margin-right: 24px;
border-radius: 50%;
overflow: unset;
flex: 0 0 100px;
}
.post-box-style .item-list .post-box-img img {
width: 100px;
height: 100px;
border-radius: 50%;
transform: scale(1.01);
transition: all 0.5s ease;
}
.post-box-style .item-list:hover .post-box-img img {
transform: scale3d(1.1,1.1,1);
}
.post-box-style .post-box-img .post-img {
display: inherit;
overflow: hidden;
border-radius: 50%;
}
.post-box-style .post-box-img .post-img::after {
position: absolute;
display: inline-flex;
justify-content: center;
align-items: center;
right: 0;
top: 10px;
width: 24px;
height: 24px;
border-radius: 50%;
border: 3px solid #fff;
background-color: #555555;
font-size: 0.75rem;
color: #fff;
counter-increment: post-counter;
content: counter(post-counter);
font-weight: 500;
transition: all ease 0.31s;
}
.post-box-style .item-list:hover .post-box-img .post-img::after {
background-color: #2962ff;
}
.post-box-style .topic-box .rt-wid-post-img {
border-radius: 4px;
margin-bottom: 10px;
display: inline-block;
overflow: hidden;
}
.post-box-style .post-content {
flex-grow: 1;
}
.post-box-style .post-content .entry-title {
font-size: 16px;
margin-bottom: 0px;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-box-style .post-content .entry-title a {
color: #000000;
}
.post-box-style .entry-cat {
line-height: 1;
margin-bottom: 10px;
}
.post-box-style .entry-cat a {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.post-box-style .entry-cat a:hover {
color: #2962ff;
}
.post-box-style .entry-date {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
line-height: 1;
margin-top: 12px;
}
.post-box-style .entry-date i {
margin-right: 6px;
}
.list-left-spacing .post-box-style .post-content {
padding-left: 20px;
}
@media(max-width: 480px) {
.list-left-spacing .post-box-style .post-content {
padding-left: 0;
}
}
/*Tab post widget*/
.post-tab-layout .position-relative {
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
}
.post-tab-layout .position-relative:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-tab-layout .media {
display: inline-flex;
}
.post-tab-layout .media .media-body {
flex: 1;
}
.post-tab-layout .media .tab-img-holder {
width: 35%;
float: left;
margin-right: 15px;
overflow: hidden;
border-radius: 4px;
}
.post-tab-layout .media .tab-img-holder img {
transform: scale(1.01);
transition: all ease 0.31s;
}
.post-tab-layout .media:hover .tab-img-holder img {
transform: scale3d(1.1,1.1,1);
}
.post-tab-layout ul.btn-tab {
border-bottom: none;
margin-bottom: 40px;
margin-left: 0;
}
.post-tab-layout ul.btn-tab li {
margin-bottom: 0;
padding: 0;
font-size: 14px;
font-weight: 500;
border-bottom: none;
}
.post-tab-layout ul.item-inline2 li {
width: 33.33%;
display: inline-block;
}
.post-tab-layout ul.item-inline2 li:first-child a {
border-radius: 4px 0 0 4px;
}
.post-tab-layout ul.item-inline2 li:last-child a {
border-radius: 0 4px 4px 0;
}
.post-tab-layout ul.btn-tab li a {
background-color: transparent;
border: 1px solid #e5e5e5;
padding: 10px 0px;
display: block;
color: #929292;
transition: all .5s ease-out;
line-height: 20px;
font-size: 14px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
}
.post-tab-layout ul.btn-tab li .active,
.post-tab-layout ul.btn-tab li a:hover {
border: 1px solid transparent;
background-color: #2962ff;
color: #ffffff !important;
box-shadow: 0px 10px 18px 0px rgb(50 112 252 / 27%);
}
.post-tab-layout ul.btn-tab li a:before {
display: none;
}
.post-tab-layout .entry-title {
font-size: 16px;
margin-bottom: 0;
margin-top: 10px;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-tab-layout .entry-title a {
color: #000000;
}
.post-tab-layout .post-box-date {
line-height: 1;
}
.post-tab-layout .post-tab-cat a {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.post-tab-layout .post-tab-cat a:hover {
color: #2962ff;
}
.post-tab-layout .post-tab-date {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
line-height: 1;
margin-top: 12px;
}
.post-tab-layout .post-tab-date i {
margin-right: 6px;
}
/*Feature post widget*/
.feature-post-layout .rt-feature-widget .entry-title {
font-size: 20px;
margin-bottom: 0;
line-height: 1.4;
}
.feature-post-layout .entry-title a {
color: #000000;
}
.feature-post-layout .post-box-date ul {
list-style: none;
margin: 0 0 5px 0;
padding: 0;
}
.feature-post-layout .post-box-date ul li {
font-size: 14px;
color: #646464;
font-weight: 600;
margin: 0;
padding: 0;
border: none;
display: inline-block;
position: relative;
}
.feature-post-layout .post-box-date ul li:after {
content: ".";
color: #646464;
font-weight: 700;
padding: 0 5px 0 8px;
}
.feature-post-layout .post-box-date ul li:last-child:after {
display: none;
}
.feature-post-layout .post-box-date ul li:last-child {
margin-right: 0;
}
.feature-post-layout .post-box-date ul li a {
color: #646464;
font-size: 14px;
}
.feature-post-layout .post-box-date ul li a:before {
display: none;
}
.feature-post-layout .post-box-date ul li a:hover {
color: #000000;
}
.feature-post-layout .post-box-date ul li.feature-date {
color: #2962ff;
font-weight: 700;
}
.feature-post-layout .media {
margin-bottom: 18px;
overflow: hidden;
}
.feature-post-layout .media-body p {
margin-top: 12px;
}
.feature-post-layout .media .post-img-holder {
overflow: hidden;
border-radius: 4px;
display: block;
}
.feature-post-layout .media .post-img-holder img {
transform: scale(1.01);
transition: all ease 0.31s;
}
.feature-post-layout .media .post-img-holder:hover img {
transform: scale3d(1.1,1.1,1);
}
.feature-post-layout .list-item {
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-bottom: 15px;
}
.feature-post-layout .list-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.feature-post-layout .list-item .entry-title {
font-size: 16px;
}
.sidebar-widget-area .widget .corporate-address li {
display: inline-block;
width: 100%;
vertical-align: top;
}
.sidebar-widget-area .widget .corporate-address li i {
color: #2962ff;
font-size: 19px;
padding: 0px 15px 10px 0;
}
.sidebar-widget-area .widget .corporate-address li i.fa-map-marker {
color: #2962ff;
font-size: 19px;
padding: 0px 24px 10px 0;
}
.sidebar-widget-area .widget .corporate-address li a {
color: #000000;
line-height: 34px;
font-size: 15px;
transition: all 0.3s ease-out;
font-weight: 400;
}
.sidebar-widget-area .widget .corporate-address li a:before {
content: "";
margin-right: 0px;
}
/*Categories and Archive widget*/
.sidebar-widget-area .widget_categories ul li,
.sidebar-widget-area .widget_archive ul li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
}
.sidebar-widget-area .widget_categories ul li:last-child,
.sidebar-widget-area .widget_archive ul li:last-child {
padding-bottom: 0px;
}
.sidebar-widget-area .widget_categories ul li a,
.sidebar-widget-area .widget_archive ul li a {
float: left;
}
.sidebar-widget-area .widget ul li ul.children,
.sidebar-widget-area .widget ul li ul.sub-menu {
padding-left: 17px;
float: left;
width: 100%;
}
.sidebar-widget-area .widget.widget_pages ul li ul.children,
.sidebar-widget-area .widget.widget_nav_menu ul li ul.sub-menu {
float: inherit;
width: inherit;
}
@media(max-width:1199px) {
.sidebar-widget-area .widget ul li ul.children,
.sidebar-widget-area .widget ul li ul.sub-menu {
padding-left: 5px;
}
}
/*calendar sidebar*/
.sidebar-widget-area .widget_calendar caption {
caption-side: initial;
text-align: center;
font-weight: 500;
border-radius: 6px 6px 0 0;
background: #2962ff;
color: #ffffff;
padding: 10px 7px;
margin-top: 0px;
}
.sidebar-widget-area .widget_calendar table th,
.sidebar-widget-area .widget_calendar table td {
color: #444444;
}
.sidebar-widget-area .widget_calendar table th {
font-weight: 500;
}
.sidebar-widget-area .widget_calendar table td#today {
background: #2962ff;
color: #ffffff;
border-radius: 3px;
}
.sidebar-widget-area .widget_calendar table td#today a {
color: #ffffff;
}
.sidebar-widget-area .widget_calendar a {
color: #444444;
font-weight: 500;
}
.sidebar-widget-area .widget_calendar td a {
color: #2962ff;
}
.sidebar-widget-area .widget_calendar a:hover {
color: #2962ff;
}
/*Image Gallery*/
.gallery .gallery-item {
margin: 0;
text-align: center;
}
.gallery .gallery-item .gallery-icon {
margin: 5px;
}
.gallery .gallery-item .gallery-icon img {
border-radius: 4px;
}
.gallery .gallery-item .gallery-caption {
font-size: 13px;
}
/*Image widget*/
.sidebar-widget-area .widget.widget_media_image {
padding: 0;
}
/*Social widget*/
.sidebar-widget-area .rt-about-widget ul.footer-social {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li {
display: inline-block;
margin: 0 5px 5px 0;
padding: 0;
line-height: 1;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li a {
font-size: 16px;
transition: all 0.3s ease-out;
font-weight: 400;
background: #fff;
padding: 14px 15px;
display: flex;
width: 60px;
height: 60px;
text-align: center;
align-items: center;
justify-content: space-around;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li a:before {
display: none;
}
/*About Author*/
.sidebar-widget-area .widget.widget_neeon_about_author {
padding: 0;
}
.widget_neeon_about_author .author-widget {
position: relative;
z-index: 2;
overflow: hidden;
text-align: center;
border-radius: 4px;
padding: 40px 35px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.widget_neeon_about_author .author-widget span {
display: block;
color: #ffffff;
}
.widget_neeon_about_author .author-widget span.phone {
font-size: 18px;
}
.widget_neeon_about_author .author-widget span a {
color: #ffffff;
}
.widget_neeon_about_author .author-widget:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
opacity: 0.9;
z-index: -1;
background-image: linear-gradient(38deg, #512da8 0%, #2962ff 100%);
}
.widget_neeon_about_author .author-widget img {
margin-bottom: 18px;
width: 160px;
}
.widget_neeon_about_author .author-widget h3 {
font-size: 20px;
color: #ffffff;
margin-bottom: 7px;
line-height: 1.2;
}
.widget_neeon_about_author .author-widget h4 {
font-size: 14px;
font-weight: 500;
color: #ffffff;
margin-bottom: 12px;
}
.widget_neeon_about_author .author-widget .about-btn {
border-radius: 4px;
margin-top: 30px;
padding: 13px 20px 11px;
}
/*Social apsc style 1*/
.apsc-theme-1 .apsc-each-profile {
display: inline-block;
float: left;
width: 48%;
margin: 0 5px 5px 0;
text-align: center;
}
.apsc-theme-1 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-1 .apsc-each-profile a {
color: #ffffff;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
padding: 10px 15px;
}
.apsc-theme-1 .apsc-facebook-icon {
background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.apsc-theme-1 .apsc-twitter-icon {
background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.apsc-theme-1 .apsc-instagram-icon {
background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.apsc-theme-1 .apsc-youtube-icon {
background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.apsc-theme-1 .apsc-soundcloud-icon {
background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);
}
.apsc-theme-1 .apsc-dribble-icon {
background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);
}
.apsc-theme-1 .social-icon {
display: block;
margin-bottom: 5px;
}
.apsc-theme-1 .social-icon i {
font-size: 14px;
width: 34px;
height: 34px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(255,255,255,0.1);
transition: all ease 0.6s;
}
.apsc-theme-1 .apsc-each-profile a:hover .social-icon i {
background: rgba(255,255,255,1);
color: #000000;
}
.apsc-theme-1 span.media-name {
display: none;
}
.apsc-theme-1 span.apsc-count {
position: relative;
margin-right: 10px;
}

/*Social apsc style 2*/
.apsc-theme-2 {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.apsc-theme-2 .apsc-each-profile {
width: calc(50% - 2px);
text-align: center;
}
.apsc-theme-2 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-2 .apsc-each-profile a {
color: #111111;
border: 1px solid #e5e5e5;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 4px;
padding: 10px 15px;
}

.apsc-theme-2 .apsc-facebook-icon i {
color: #1559c2;
}
.apsc-theme-2 .apsc-twitter-icon i {
color: #1ea9e9;
}
.apsc-theme-2 .apsc-instagram-icon i {
color: #bc2a8d;
}
.apsc-theme-2 .apsc-youtube-icon i {
color: #ed1d25;
}
.apsc-theme-2 .apsc-soundcloud-icon i {
color: #ff6b10;
}
.apsc-theme-2 .apsc-dribble-icon i {
color: #f65e97;
}
.apsc-theme-2 .social-icon {
display: block;
}
.apsc-theme-2 .social-icon i {
font-size: 24px;
}
.apsc-theme-2 span.media-name {
display: none;
}
.apsc-theme-2 span.apsc-count {
position: relative;
margin-right: 10px;
}
/*Social apsc style 3*/
.apsc-theme-3 .apsc-each-profile {
display: inline-block;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.apsc-theme-3 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-3 .apsc-each-profile > a {
color: #8a8a8a;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
height: 62px;
padding: 10px 15px;
display: flex;
align-items: center;
border: 1px solid #e5e5e5;
text-transform: uppercase;
}
.apsc-theme-3 .apsc-inner-block {
width: 100%;
}
.apsc-theme-3 .social-icon {
display: inline-block;
width: 45px;
border-right: 1px solid #e5e5e5;
padding-right: 20px;
margin-right: 20px;
}
.apsc-theme-3 .social-icon i {
font-size: 16px;
transition: all ease 0.6s;
}
.apsc-theme-3 .apsc-inner-block:hover .social-icon i {
transform: rotate(360deg);
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon i {
color: #000000;
}
.apsc-theme-3 span.media-name {
display: none;
}
.apsc-theme-3 span.apsc-count {
position: relative;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
border-left: 1px solid #e5e5e5;
float: right;
}
/*Social apsc style 4*/
.apsc-theme-4 .apsc-each-profile {
display: inline-block;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
@media(min-width: 523px) and (max-width: 1024px) {
.apsc-theme-4 .apsc-each-profile {
width: 49%;
margin-right: 5px;
}
}
.apsc-theme-4 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-4 .apsc-each-profile a {
color: #ffffff;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
height: 62px;
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.apsc-theme-4 .apsc-facebook-icon {
background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.apsc-theme-4 .apsc-twitter-icon {
background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.apsc-theme-4 .apsc-instagram-icon {
background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.apsc-theme-4 .apsc-youtube-icon {
background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.apsc-theme-4 .apsc-soundcloud-icon {
background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);
}
.apsc-theme-4 .apsc-dribble-icon {
background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);
}
.apsc-theme-4 .social-icon i {
font-size: 14px;
width: 34px;
height: 34px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(255,255,255,0.1);
transition: all ease 0.6s;
}
.apsc-theme-4 .apsc-each-profile a:hover .social-icon i {
background: rgba(255,255,255,1);
color: #000000;
}
.apsc-theme-4 span.media-name {
display: none;
}
.apsc-theme-4 span.apsc-count {
position: relative;
padding-left: 13px;
margin-left: 15px;
margin-right: 10px;
}
.apsc-theme-4 span.apsc-count::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: #fff;
}

/*wslu social layout 1*/
.wslu-social-counter-title h5 {
margin-bottom: 0;
}
.xs_social_counter_widget .xs_counter_url li.xs-counter-li > a:before {
display: none;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped {
gap: 2px;
display: grid;
grid-template-columns: repeat(2,1fr);
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li {
background-color: transparent;
border-radius: 4px;
border: 1px solid #e5e5e5;
overflow: hidden;
max-width: initial;
transition: all ease 0.31s;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li a,
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li .xs-social-follower,
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li .xs-social-follower-text {
color: #111;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li a:hover,
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li a:hover .xs-social-follower,
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li a:hover .xs-social-follower-text {
color: #fff;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li:last-child {
margin-bottom: 0 !important;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li .xs-social-icon {
margin-bottom: 10px;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li a {
padding: 50px 0 17px !important;
display: flex;
align-items: center;
justify-content: center;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li .met-social {
font-size: 24px;
color: #111;
position: absolute;
top: 15px;
left: 0;
right: 0;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li a:hover .met-social {
color: #fff;
animation: toBottomFromTop 0.7s forwards;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li .xs-social-follower {
font-size: 15px;
font-weight: 500;
margin: 0 5px;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped li.xs-counter-li .xs-social-follower-text {
font-size: 14px;
font-weight: 500;
margin: 0 5px;
text-transform: capitalize;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.facebook .met-social {
color: #2c6dd2;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.twitter .met-social {
color: #56c3f0;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.pinterest .met-social {
color: #bd081c;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.dribbble .met-social {
color: #ea4c89;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.instagram .met-social {
color: #bc2a8d;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.youtube .met-social {
color: #ff0000;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.facebook a:hover {
background-color: #2c6dd2;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.twitter a:hover {
background-color: #56c3f0;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.pinterest a:hover {
background-color: #bd081c;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.dribbble a:hover {
background-color: #ea4c89;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.instagram a:hover {
background-color: #bc2a8d;
}
.xs_social_counter_widget .wslu-style-1.wslu-counter-box-shaped .xs-counter-li.youtube a:hover {
background-color: #ff0000;
}
/*wslu social layout 2*/
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped {
width: 100%;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li {
border: none;
border-radius: 3px;
margin-bottom: 5px !important;
overflow: hidden;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.facebook {
background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.twitter {
background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.pinterest {
background-image: linear-gradient(-90deg, #bd081c 0%, #9b0c1c 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.dribbble {
background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.instagram {
background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li.youtube {
background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li:last-child {
margin-bottom: 0 !important;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li a {
display: flex;
align-items: center;
height: 62px;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li .met-social {
position: relative;
font-size: 14px;
width: 34px;
height: 34px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
margin-right: 20px;
background: rgba(255,255,255,.1);
border-radius: 50%;
transition: all ease 0.6s;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li .met-social:after {
content: "";
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: #fff;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped .xs-counter-li a:hover .met-social {
background: #fff;
color: #111;
}
.xs_social_counter_widget .wslu-style-2 li a .met-social:before {
transition: all 0.2s;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped li .xs-social-follower-text {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 0 15px;
}
.xs_social_counter_widget .wslu-style-2.wslu-counter-line-shaped li .xs-social-follower {
position: absolute;
right: 14px;
margin-left: 15px;
display: inline-flex;
align-items: center;
font-size: 16px;
font-weight: 500;
}
/*wslu social layout 3*/
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped {
width: 100%;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li {
background-color: transparent;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 5px !important;
overflow: hidden;
transition: all ease 0.31s;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped .xs-counter-li:last-child {
margin-bottom: 0 !important;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped .xs-counter-li a {
display: flex;
align-items: center;
height: 60px;
padding: 10px 15px !important;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped .xs-counter-li .xs-social-icon {
display: inline-block;
width: 45px;
border-right: 1px solid #e5e5e5;
padding-right: 20px;
margin-right: 20px;
transition: all ease 0.31s;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped .xs-counter-li .met-social {
display: inline-flex;
font-size: 16px;
color: #8a8a8a;
}
.xs_social_counter_widget .wslu-style-3 li a .met-social:before {
position: relative;
z-index: 1;
transition: all ease 0.6s;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li .xs-social-follower-text {
color: #8a8a8a;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
margin: 0;
position: relative;
z-index: 1;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li .xs-social-follower {
color: #8a8a8a;
position: absolute;
right: 14px;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
border-left: 1px solid #e5e5e5;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 500;
z-index: 1;
transition: all ease 0.31s;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li a:after {
content: "";
background-color: #333;
height: 100%;
width: 0;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: all ease 0.4s;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li a:hover:after {
width: 100%;
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped .xs-counter-li a:hover .met-social:before {
color: #fff;
position: relative;
z-index: 1;
transform: rotate(360deg);
}
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li a:hover .xs-social-follower-text,
.xs_social_counter_widget .wslu-style-3.wslu-counter-line-shaped li.xs-counter-li a:hover .xs-social-follower {
color: #fff;
}


/*Widget gallery*/
.sidebar-widget-area .widget.widget_media_gallery {
background: transparent;
box-shadow: none;
padding: 0;
}
.sidebar-widget-area .widget.widget_media_gallery .gallery-size-thumbnail {
margin-bottom: 0;
}
/*Instagram Feed*/
.sidebar-widget-area .widget.widget_instagram-feed-widget {
background: transparent;
box-shadow: none;
padding: 0;
}
.sidebar-widget-area .widget.widget_instagram-feed-widget .sbi_small {
padding-bottom: 0 !important;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::before,
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
pointer-events: none;
transform: translate(-50%, -50%);
transition: all ease 0.8s;
z-index: 1;
opacity: 0;
visibility: hidden;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::before {
background: rgba(41, 98, 255, 0.7);
height: 0;
width: 0;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::after {
content: "\f16d";
width: 100%;
height: 100%;
font-family: "Font Awesome 5 Brands";
font-size: 20px;
font-weight: normal;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo_wrap::after {
opacity: 1;
visibility: visible;
transition-delay: 0.1s;
}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo_wrap::before {
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
}
#sb_instagram .sbi_photo_wrap {
position: relative;
border-radius: 4px;
overflow: hidden;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
padding: 5px !important;
}
@media(max-width: 480px) {
#sb_instagram #sbi_images {
padding: 0 !important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
width: 50%;
}
}
/*-----------------------------------------------------
#. Banner
------------------------------------------------------*/
.entry-banner {
background: #f7f7f7;
position: relative;
z-index: 3;
transition: all ease 0.31s;
}
.entry-banner:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(247, 247, 247, 1);
z-index: 1;
}
.entry-banner .entry-banner-content {
padding: 10px 0 10px;
position: relative;
z-index: 2;
overflow-y: auto;
white-space:nowrap;
scrollbar-width:none;
}
.entry-banner .entry-banner-content h1 {
line-height: 1.4;
margin-bottom: 10px;
color: #ffffff;
font-size: 46px;
}
.entry-banner .entry-banner-content h1 a {
color: #000000;
}
.entry-banner .entry-banner-content h1 a:hover {
color: #646464;
}
.breadcrumb-area .entry-breadcrumb span {
font-size: 14px;
}
.breadcrumb-area .entry-breadcrumb span a {
color: #646464;
}
.breadcrumb-area .entry-breadcrumb span a:hover {
color: #ff6363;
}
.breadcrumb-area .entry-breadcrumb span .fa-home {
margin-right: 4px;
}
.breadcrumb-area .entry-breadcrumb .current-item,
.breadcrumb-area .entry-breadcrumb span.current {
color: #ff6363;
}
.entry-banner .entry-breadcrumb .delimiter {
color: #ffffff;
padding: 0 7px;
font-size: 14px;
}
.entry-banner .entry-breadcrumb .dvdr {
color: #646464;
padding: 0 7px;
}
/*breadcrumb*/
.breadcrumb-trail ul.trail-items {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}
.breadcrumb-trail ul.trail-items li {
display: inline-block;
font-size: 16px;
position: relative;
padding-right: 16px;
margin-right: 12px;
color: #ff6363;
}
.breadcrumb-trail ul.trail-items li:after {
position: absolute;
content: "-";
right: 0;
top: 0;
}
.breadcrumb-trail ul.trail-items li:last-child:after {
display: none;
}
.breadcrumb-trail ul.trail-items li a {
color: #ff6363;
}
.breadcrumb-trail ul.trail-items li a:hover {
color: #646464;
}
.breadcrumb-trail ul.trail-items li > span {
color: #646464;
}
.banner-text {
line-height: 1.4;
}
.site-main .entry-breadcrumb .current {
color: #ff6363;
}
/*-------------------------------------
#. Contents
---------------------------------------*/
.rt-cat-description {
background-color: #f7f7f7;
border-radius: 6px;
padding: 30px 30px 10px;
margin-bottom: 24px;
}
.right-sidebar .rt-cat-description {
margin-right: 20px;
}
.left-sidebar .rt-cat-description {
margin-left: 20px;
}
.rt-cat-description .cat-title {
margin-bottom: 12px;
}
@media(max-width: 1199px) {
.right-sidebar .rt-cat-description {
margin-right: 0;
}
.left-sidebar .rt-cat-description {
margin-left: 0;
}
}
form.post-password-form label > input {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 10px 8px;
}
form.post-password-form input[type="submit"] {
border-radius: 4px;
background: #2962ff;
color: #ffffff;
font-weight: 500;
outline: none;
transition: all ease 0.31s;
}
form.post-password-form input[type="submit"]:hover {
background: #000000;
color: #ffffff;
}
/*-------------------------------------
#. Single Content
---------------------------------------*/
/*post header title*/
.content-area {
padding-top: 20px;
padding-bottom: 20px;
background-repeat: no-repeat;
}
.content-area .entry-content img {
border-radius: 4px;
}
.content-area .entry-content .wp-block-heading {
margin-top: 40px;
}
.entry-header .entry-title {
font-size: 28px;
margin-bottom: 10px;
line-height: 1.4;
transition: all ease 0.31s;
}
.entry-header ul.entry-meta {
padding: 0px;
margin: 0 0 15px;
list-style: none;
display: inline-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.entry-header ul.entry-meta li {
display: inline;
color: #a5a6aa;
font-size: 11px;
font-weight: 500;
margin-right: 16px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.entry-header ul.entry-meta li:last-child {
margin-right: 0;
}
.entry-header ul.entry-meta li i {
margin-right: 7px;
width: 11px;
}
.entry-header ul.entry-meta li a {
color: #444444;
}
.entry-header ul.entry-meta li a:hover {
color: #ff6363!important;
}
.entry-header ul.entry-meta li img {
border-radius: 50%;
margin-right: 15px;
}

/*post content*/
.entry-content .single-post-list li {
font-size: 16px;
color: #111111;
font-weight: 500;
position: relative;
margin-bottom: 4px;
}
@media(max-width: 767px) {
.single-post .main-wrap > .entry-content,
.single-post .main-wrap .entry-footer,
.single-post .main-wrap .about-author,
.single-post .main-wrap .post-navigation,
.single-post .main-wrap .rtrs-review-wrap,
.single-post .main-wrap .rt-related-post,
.single-post .main-wrap .comments-area,
.single-post .main-wrap .content-bottom-ad {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/*post footer meta*/
.entry-footer .entry-footer-meta {
overflow: hidden;
margin-top: 50px;
display: flex;
justify-content: space-between;
}
@media(max-width: 991px) {
.entry-footer .entry-footer-meta {
display: block;
}
.entry-footer .entry-footer-meta .meta-tags {
margin-bottom: 20px;
}
}
.entry-footer .meta-title {
font-size: 18px;
margin-bottom: 14px;
}
.meta-tags a {
display: inline-block;
font-size: 14px;
color: #646464;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 9px 15px;
background-color: transparent;
transition: all ease 0.31s;
text-transform: lowercase;
margin-right: 6px;
margin-bottom: 6px;
line-height: 1.4;
}
.meta-tags a:hover {
background: #2962ff;
color: #ffffff;
border-color: transparent;
}

/*single layout 1*/

.post-detail-style1 .share-box-area .post-share .share-links .email-share-button,
.post-detail-style1 .share-box-area .post-share .share-links .print-share-button {
float: right;
color: #7a7e83;
background-color: transparent;
border: 1px solid #cccccc;
}
.post-detail-style1 .entry-thumbnail-area {
position: relative;
margin-bottom: 40px;
}
.post-detail-style1 .entry-thumbnail-area img {
border-radius: 4px;
}
.post-detail-style1 .gallery-slider {
margin-bottom: 40px;
}
@media(max-width: 480px) {
.post-detail-style1 .share-box-area .post-share .share-links .email-share-button,
.post-detail-style1 .share-box-area .post-share .share-links .print-share-button {
float: initial;
}
}

/*-------------------------------------
#. Error 404
---------------------------------------*/
.error-page-area {
position: relative;
background-position: center;
}
.error-page-content {
position: relative;
text-align: center;
}
.error-page-content .error-title {
font-size: 30px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 20px;
}
.error-page-content p {
font-size: 16px;
margin: 8px auto 20px;
color: #5b6674;
line-height: 1.6;
width: 50%;
}
.error-page-area .error-page-content .go-home {
margin-top: 30px;
}
.error-page-area .item-img {
margin-bottom: 60px;
position: relative;
display: inline-flex;
justify-content: center;
}
@media(max-width: 1199px) {
.error-page-content p {
width: 70%;
}
}
@media(max-width: 991px) {
.error-page-content p {
width: 90%;
}
}

/*-------------------------------------
#. Gutenberg Support
---------------------------------------*/
.align-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 900px) {
.align-wrap {
width: auto;
margin-left: calc(50% / .62 - 50vw);
}
}
.align-wrap .alignfull {
width: 100%;
margin: 0 0 0 auto;
}
@media( max-width:480px ) {
img.alignleft {
float: none;
margin-bottom: 13px;
margin-right: 0px;
padding-top: 5px;
display: block;
}
img.alignright {
float: none;
margin-left: 0px;
margin-bottom: 15px;
padding-top: 15px;
}
}

/*blockquote*/
blockquote {
background: #f7f7f7;
border-radius: 4px;
border: none;
font-size: 18px;
font-weight: 500;
font-style: italic;
text-align: left;
padding: 35px 50px 35px 50px;
margin: 40px 0px 40px;
color: #444444;
}
@media(max-width: 480px) {
blockquote {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
blockquote p {
position: relative;
margin-top: 45px;
margin-bottom: 0;
z-index: 1;
line-height: 1.6;
}
blockquote p:before {
position: absolute;
content: "\f11b";
font-family: flaticon !important;
font-size: 38px;
color: #e4e4e4;
top: -48px;
line-height: 1;
}
blockquote cite {
display: block;
font-size: 14px;
color: #646464;
font-weight: 500;
font-style: normal;
margin-top: 12px;
padding-left: 50px;
position: relative;
letter-spacing: 2px;
z-index: 1;
}
blockquote cite::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 31px;
height: 2px;
background-color: #c1c1c1;
}
blockquote.wp-block-quote cite {
display: block;
font-size: 14px;
color: #646464;
font-weight: 500;
font-style: normal;
margin-top: 12px;
padding-left: 50px;
letter-spacing: 2px;
z-index: 1;
}
blockquote.wp-block-quote[style="text-align:right"] cite:after {
left: inherit;
right: 0;
}
blockquote.wp-block-quote[style="text-align:right"] cite {
padding-right: 34px;
}
.wp-block-pullquote {
border-top: 2px solid #2962ff;
border-bottom: 2px solid #2962ff;
margin-bottom: 20px;
padding: 0;
text-align: left;
}
blockquote.wp-block-pullquote {
background: #f9f9f9;
border-radius: 6px;
border-left: none;
font-size: 18px;
font-weight: 500;
font-style: italic;
padding: 35px 50px 35px 50px;
margin: 40px 0px 40px;
color: #444444;
}
.wp-block-pullquote p {
font-size: 22px;
}
.wp-block-pullquote cite {
font-size: 14px;
font-weight: 700;
padding-left: 50px;
z-index: 1;
}
.wp-block-quote {
border-left: none;
margin: 40px 0px 40px;
padding-left: 50px;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 35px 50px 35px 50px;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
text-align: left;
font-size: 14px;
}
.wp-block-quote.is-style-large cite em {
font-style: normal;
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: none;
text-align: right;
padding: 35px 50px 35px 50px;
}
.wp-block-quote.has-text-align-right cite {
text-align: right;
padding-right: 50px;
padding-left: 0;
}
.wp-block-quote.has-text-align-right cite::after {
left: inherit;
right: 0;
}
.wp-block-quote.has-text-align-left {
text-align: left;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 26px;
line-height: 1.3;
}
.wp-block-quote.is-style-large cite br {
display: none;
}
:root .has-cyan-bluish-gray-background-color {
background-color: transparent;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
background: #acb9c3;
padding-top: 35px;
padding-bottom: 35px;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 45px;
font-size: 32px;
}
.has-neeon-primary-background-color.is-style-solid-color blockquote {
background: #2962ff;
}
.has-neeon-secondary-background-color.is-style-solid-color blockquote {
background: #0034c2;
}
.has-neeon-button-dark-gray-background-color.is-style-solid-color blockquote {
background: #333333;
}
.has-neeon-button-light-gray-background-color.is-style-solid-color blockquote {
background: #a5a6aa;
}
.has-neeon-button-white-background-color.is-style-solid-color blockquote {
background: #ffffff;
}
/* Main column width */

.wp-block { max-width: 720px; }
/* Width of "wide" blocks */

.wp-block[data-align="wide"] { max-width: 1080px; }
/* Width of "full-wide" blocks */

.wp-block[data-align="full"] { max-width: none; }
.wp-caption-text { color: #555; font-size: 13px; }

pre {
background: #fff;
color: #5b6674;
}
code,
a code {
color: #2962ff;
}
pre code {
font-size: 15px;
color: #5b6674;
word-break: normal;
line-height: 30px;
}
pre cite {
font-weight: 400;
}
kbd {
color: #5b6674;
padding: 3px 5px 2px 5px;
margin: 0 1px;
background: #eaeaea;
background: rgba(0,0,0,.07);
}
code, kbd, pre, samp, tt, var {
font-family: Menlo,Consolas,monaco,monospace;
}
.wp-block-code {
font-family: Menlo,Consolas,monaco,monospace;
font-size: 15px;
color: #5b6674;
padding: 30px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
p:last-child img.size-thumbnail.alignright {
clear: both;
padding-top: 0;
}
/************** Button ***************/

.wp-block-button { margin-bottom: 25px; }
.wp-block-button.aligncenter { text-align: center; }
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]) {
/* color: #2962ff; */
}
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]):hover {
/* color: #000000; */
}
.wp-block-button .wp-block-button__link {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1.6px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 16px 20px 14px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
z-index: 1;
}
.wp-block-button .wp-block-button__link:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.31s;
transition-timing-function: ease-out;
z-index: -1;
}
.wp-block-button .wp-block-button__link:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border: 2px solid #2962ff;
color: #2962ff;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: #0034c2;
color: #0034c2;
}
.wp-block-button.is-style-outline .wp-block-button__link:before {
display: none;
}
.wp-block-button .wp-block-button__link.no-border-radius,
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:before {
border-radius: 0;
}
.wp-block-button .wp-block-button__link.no-border-radius:before {
border-radius: 0;
}
.has-neeon-primary-color { color: #2962ff;}
.has-neeon-secondary-color { color: #0034c2;}
.has-neeon-button-dark-gray-color { color: #333333;}
.has-neeon-button-light-gray-color { color: #a5a6aa;}
.has-neeon-button-white-color { color: #ffffff;}

.has-neeon-primary-background-color { background-color: #2962ff;}
.has-neeon-secondary-background-color { background-color: #0034c2;}
.has-neeon-button-dark-gray-background-color { background-color: #333333;}
.has-neeon-button-light-gray-background-color { background-color: #a5a6aa;}
.has-neeon-button-white-background-color { background-color: #ffffff;}

.wp-block-button a.has-neeon-primary-color { color: #2962ff;}
.wp-block-button a.has-neeon-secondary-color { color: #0034c2;}
.wp-block-button a.has-neeon-button-dark-gray-color { color: #333333;}
.wp-block-button a.has-neeon-button-light-gray-color { color: #a5a6aa;}
.wp-block-button a.has-neeon-button-white-color { color: #ffffff;}

.wp-block-button .has-neeon-primary-background-color { background-color: #2962ff;}
.wp-block-button .has-neeon-secondary-background-color { background-color: #0034c2;}
.wp-block-button .has-neeon-button-dark-gray-background-color { background-color: #333333;}
.wp-block-button .has-neeon-button-light-gray-background-color { background-color: #a5a6aa;}
.wp-block-button .has-neeon-button-white-background-color { background-color: #ffffff;}
/*button end*/

.wp-block-table td,
.wp-block-table th {
border: 1px solid #e5e5e5;
padding: 5px;
}
.wp-block-image .alignleft.is-resized {
margin-top: 0;
}
.wp-block-latest-posts.is-grid {
margin-left: 20px;
}
.wp-block-latest-posts.is-grid li {
margin: 0 0 10px 0;
}
.wp-block-columns {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-columns .wp-block-column {
margin-bottom: 15px;
margin-top: 15px;
}
.wp-block-columns.has-2-columns .wp-block-column {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.wp-block-columns .wp-block-column {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.wp-block-columns .wp-block-column {
width: 100%;
flex-basis: 100% !important;
margin-left: 0;
}
}
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote {
margin-top: 0 !important;
padding-left: 50px;
padding-right: 50px;
}
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote cite {
padding-left: 50px;
}
.wp-block-image .alignleft {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 25px;
}
.wp-block-image .alignright {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 25px;
}
/*wp block cover*/
.wp-block-cover {
margin-top: 20px;
margin-bottom: 20px;
}
.wp-block-cover a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .has-text-color a,
.wp-block-cover .has-text-align-center a {
color: #ffffff;
}
.wp-block-cover a:hover,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .has-text-color a:hover,
.wp-block-cover .has-text-align-center a:hover {
text-decoration: underline;
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
[data-align=left]>.wp-block-cover,
[data-align=right]>.wp-block-cover {
max-width: 340px;
width: 100%;
}
.entry-content .wp-block-cover {
background-color: #000;
margin-top: 0px;
padding: 15px 45px;
}
.wp-block-cover p:not(.has-text-color) {
color: #ffffff;
}
.wp-block-cover.alignleft {
margin-top: 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
font-size: 36px;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 100%;
padding: .44em;
text-align: center;
}
:root .has-pale-pink-background-color {
background-color: #000;
}
.wp-block-gallery {
margin-top: 25px;
margin-bottom: 10px;
}
.wp-block-gallery.alignleft {
display: flex;
margin-top: 10px;
}
.wp-block-gallery .blocks-gallery-item {
border-radius: 4px;
overflow: hidden;
}
.wp-block-gallery .blocks-gallery-item img {
border-radius: 4px;
}
.wp-block-gallery.alignleft .blocks-gallery-item {
display: inline-block;
}
.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper {
margin: 23px 0;
}
.wp-block-coblocks-social .wp-block-button__link {
border: none;
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 420px;
width: 100%;
}
p:last-child img.size-full.alignright {
clear: both;
padding-top: 0;
}
.wp-block-spacer {
clear: both;
}
.gallery .gallery-item {
text-align: center;
}
.site-content nav.comment-navigation {
padding-top: 0;
}
.site-content nav.comment-navigation ul {
margin-top: 0;
margin-bottom: 40px;
}
.site-content nav.comment-navigation ul li {
margin-right: 0;
}
.site-content nav.comment-navigation ul li a {
border-radius: 30px;
height: inherit;
width: inherit;
padding: 12px 27px;
line-height: 1.6;
}
figure.wp-caption.alignnone {
margin: 15px auto 15px;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
padding: 10px 20px;
}
.has-media-on-the-right.is-stacked-on-mobile {
margin-bottom: 20px;
}
.blocks-gallery-item figcaption {
line-height: 1.4;
}
ul.wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title {
display: inline-block;
}
.wp-block-group.has-background {
margin-bottom: 20px;
}

@media(max-width:475px){
.site-header .mobile-menu {
display: none!important;
}
}

/*Mobile menu*/
.mean-container.mobile-sticky .mobile-mene-bar {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0;
right: 0;
background-color: #ff6363;
box-shadow: 0px 7px 65px 0px rgb(0 0 0 / 5%);
transition: background 0.2s ease, padding 0.8s linear;
}
.mean-container .mean-bar {
display: flex;
align-items: center;
justify-content: space-between;
background: #ff6363;
border-bottom: 1px solid rgba(181, 181, 181, 0.3);
float: none;
position: relative;
padding: 10px 15px;
top: 0;
left: 0;
width: 100%;
transition: all 0.31s linear;
}
.mean-container .mean-bar .search-icon a {
font-size: 18px;
font-weight: 500;
color: #000000;
}
.mn-top .mean-container .mean-bar {
position: fixed;
}
.mean-container .mean-bar .mobile-logo {
color: #2962ff;
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
}
.mean-container .mean-bar img {
max-width: 110px;
}
.mean-container .mean-bar .minicart {
list-style: none;
}
.mean-container .mean-bar .info {
display: flex;
align-items: center;
column-gap: 12px;
}
.mean-container .cart-area .cart-list-trigger {
margin: 0;
padding: 0;
}
.mean-container .cart-area .cart-trigger-icon > span {
top: -5px;
}
.mean-container .cart-area .cart-trigger-icon {
color: #000000;
}
@media(min-width: 783px) and (max-width: 992px) {
.admin-bar .mean-container.mobile-sticky .mobile-mene-bar {
top: 32px;
}
}
@media(min-width: 601px) and (max-width: 782px) {
.admin-bar .mean-container.mobile-sticky .mobile-mene-bar {
top: 46px;
}
}
.rt-slide-nav .offscreen-navigation .sub-menu {
display: none;
}
.rt-slide-nav .offscreen-navigation ul li {
position: relative;
border-bottom: 1px solid #e9e9e9;
}
.rt-slide-nav .offscreen-navigation ul li > span {
position: absolute;
right: 0;
top: 0;
height: 44px;
width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 9;
cursor: pointer;
}
.rt-slide-nav .offscreen-navigation ul li:last-child {
border-bottom: none;
}
.rt-slide-nav .offscreen-navigation nav > ul > li ul.sub-menu {
border-top: 1px solid #e9e9e9;
}
.rt-slide-nav .offscreen-navigation li > a {
display: block;
position: relative;
color: #000000;
font-size: 14px;
font-weight: 500;
background: #ffffff;
padding-bottom: 7px;
padding-top: 7px;
font-family: 'Spartan', sans-serif;
}
.rt-slide-nav .offscreen-navigation ul > li > a {
padding-left: 25px;
}
.rt-slide-nav .offscreen-navigation ul ul > li > a {
padding-left: 40px;
}

.rt-slide-nav .offscreen-navigation ul ul ul > li > a {
padding-left: 55px;
}
.rt-slide-nav .offscreen-navigation .sub-menu li > a {
font-size: 13px;
padding-bottom: 7px;
}
.rt-slide-nav .offscreen-navigation li.current-menu-item > a,
.rt-slide-nav .offscreen-navigation li.current-menu-parent > a {
color: #ff6363 !important;
}
.rt-slide-nav .offscreen-navigation ul li > span:after {
content: '\f067';
display: inline-block;
font-family: "Font Awesome 5 Free";
transition: .1s;
right: 15px;
font-weight: 700;
position: absolute;
font-size: 13px;
color: #999999;
}
.rt-slide-nav .offscreen-navigation ul li > span.open:after {
content: '\f068';
color: #2962ff;
}
.rt-slide-nav .offscreen-navigation ul li > a:before {
position: absolute;
content: "";
width: 3px;
height: 0px;
top: 50%;
left: 15px;
transform: translateY(-50%);
margin: 0;
background: #6c6c6c;
opacity: 0;
visibility: hidden;
transition: all ease 0.31s;
}
.rt-slide-nav .offscreen-navigation ul li > a:hover:before {
background: #2962ff;
height: 11px;
opacity: 1;
visibility: visible;
transition: all ease 0.31s;
}
.rt-slide-nav .offscreen-navigation ul ul li > a::before {
left: 30px;
}
.rt-slide-nav .offscreen-navigation ul ul ul li > a::before {
left: 45px;
}
.mean-bar .header-btn-new.mobile-btn {
position: absolute;
right: 12%;
top: 8px;
}
.mean-bar .sidebarBtn{
font-size: 20px;
cursor: pointer;
color: #fff;
}
body .sidebarBtn {
display: block;
cursor: pointer;
transition: all ease 0.31s;
}
body .sidebarBtn .bar {
background: #fff;
height: 2px;
width: 25px;
display: block;
margin-bottom: 4px;
transition: all ease 0.31s;
}
body .sidebarBtn .bar:nth-child(2),
body .sidebarBtn .bar:nth-child(3) {
width: 20px;
}
body .sidebarBtn .bar:last-child {
margin-bottom: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(2),
body.slidemenuon .sidebarBtn .bar:nth-child(3) {
opacity: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
body.slidemenuon .sidebarBtn .bar:nth-child(4) {
transform: rotate(-45deg) translate(8px, -8px);
}
.rt-slide-nav{
position: absolute;
background: white;
width: 100%;
left: 0;
z-index: 3;
display: none;
max-height: calc(100vh - 100px);
overflow-y: auto;
box-shadow: 0px 10px 10px 0px #0000001c;
}
.rt-slide-nav ul{
list-style-type: none;
margin: 0px;
padding: 0;
}
@media only screen and (min-width: 992px){
#meanmenu {
display: none;
}
}
@media only screen and (max-width: 991px){
.header-area {
display: none;
}
}
.rt-slide-nav nav,
.rt-slide-nav .menu-main-menu-container {
display: block;
}
.rt-slide-nav nav > ul > li.mega-menu,
.rt-slide-nav nav > ul > li ul.sub-menu li ul,
.rt-slide-nav nav > ul > li > ul.sub-menu {
position: relative;
width: 100%;
transition: inherit;
transform: inherit;
background: none;
box-shadow: none;
transform-origin: inherit;
opacity: 1;
visibility: visible;
left: 0;
}
/*carticon and search*/
.info-menu-bar {
display: inline-flex;
position: absolute;
right: 73px;
}
@media(max-width: 425px) {
.info-menu-bar {
right: 55px;
}
}
.info-menu-bar a {
color: #111111;
font-weight: 500;
}
.info-menu-bar a:hover {
color: #111111;
}
.info-menu-bar .header-search-box {
width: 25px;
margin-left: 14px;
}

/* Ajout vincent Divers */

.elementor-accordion .elementor-accordion-item{border:0px solid #d5d8dc !important}

.elementor-pagination {padding-top:20px;}

.rtrs-category-text{padding-right:15px;}

.titledot{background:#ff6363!important;}

.rt-section-title .sub-title{background-color:#ff6363;padding:5px;}

body[class*="post-template"] .elementor-widget-text-editor a:not(.elementor-button-link),
body[class*="page-template"] .elementor-widget-text-editor a:not(.elementor-button-link) {
  color: #383f4e;
  text-decoration: underline;
  text-underline-offset: 6px;
}

body[class*="post-template"] .elementor-widget-text-editor a:not(.elementor-button-link):hover,
body[class*="page-template"] .elementor-widget-text-editor a:not(.elementor-button-link):hover {
  color: #ff6363;
}

.title-holder a,.rt-section-title .sub-title{color:#fff;}

.site-header .main-navigation ul.menu li.current-menu-item > a,.site-header .main-navigation ul.sub-menu li.current-menu-ancestor > a {color:#ff6363!important;}

.rt-icon{background:#ff6363!important;}

.scroll-wrap::after{color:#ff6363;}

.elementor-toggle-title {color:#000 !important;}

.elementor-button-wrapper a{color:#fff;}

.frm_error{color:#ff6363!important;}

.with_frm_style .frm_checkbox input[type="checkbox"]::before {background-color:#ff6363;}

.entry-banner-content {padding-top:10px !important;padding-bottom:10px !important;}

#form_newsletter-home2 .frm_form_fields .frm_fields_container {grid-gap:0!important;}
#form_newsletter-home2 .frm_form_fields .frm_fields_container .frm_submit.frm_flex {display:grid!important;}

#form_sidebar .frm_form_fields .frm_fields_container {grid-gap:0!important;}
#form_sidebar .frm_form_fields .frm_fields_container .frm_submit.frm_flex {display:grid!important;}

.fcomplete-wrap{z-index:1;}

.post-meta-info {border-top:0!important;padding-top:0px!important;margin-top:.1875rem!important;}

.post-content-bottom{padding:15px 0px 0px 0px!important;}

div.pdfemb-viewer { margin: 0px auto !important; }

.frm_quizzes_show_outcome{padding:15px 20px 0px 20px!important;}

@media(max-width: 767px) {.frm_label_button_container{white-space:wrap!important;}}

.homeecoles {color:#000!important;}
.homeecoles:hover {color:#ff6363!important;}

button.wpf-calc-form { visibility: hidden;}

.textwidget a {color:#ff6363;}

.rt-post-slider-default .rt-item .post-terms a {padding-top:5px;}

.post-image {font-size:11px;text-align:right;color:#a5a6aa;padding-bottom:20px;}

.cadre-titre {background-color: #f7f7f7; padding: 5px; border-radius: 4px;}

.e-n-accordion{border: 1px solid #F7F7F7;border-radius:15px;box-shadow:0px 4px 16px rgba(96,97,112,0.08);padding:8px; }

#form_newsletter-home2 .frm_form_fields .frm_fields_container, #form_sidebar .frm_form_fields .frm_fields_container {border : 8px solid #fff1f1;border-radius:38px;background:#fff;}

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {padding:5px;}

@media(max-width: 767px) {.mobileview .row {flex-wrap:nowrap;overflow:auto;scrollbar-width:none;}}
@media(max-width: 767px) {.mobileview .row .col-12 {width:calc(100% - 4.3rem);}}

@media (max-width: 767px) {
.mobileview2 .elementor-posts-container { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 16px; padding: 0 16px; scrollbar-width: none; -ms-overflow-style: none; width: auto !important; }
.mobileview2 .elementor-posts-container::-webkit-scrollbar { display: none; }
.mobileview2 .elementor-post { min-width: 85% !important; scroll-snap-align: start; border-radius: 16px; background: white; overflow: hidden; box-shadow: none; /* Enlève l'ombre */ border: none !important; /* Enlève les bordures */ display: flex; flex-direction: column; }
.mobileview2 .elementor-post__thumbnail { width: 100%; height: 160px; overflow: hidden; border: none !important; }
.mobileview2 .elementor-post__thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mobileview2 .elementor-post__text { padding: 12px; font-size: 14px; line-height: 1.4; }
.mobileview2 .elementor-post__title { font-weight: 600; margin: 0; }
.mobileview2 .elementor-post__title a { color: #000; text-decoration: none; }
}

/* Bouton demande d'information */

.demandedinformation {border-radius:50rem 50rem 50rem 50rem;border: 2px solid #fff1f1;padding:5px;}
.demandedinformation a { color:#000;padding:20px;font-size:16px;}
.demandedinformation a:hover { color:#FF6363; }
.demandedinformationficheecole {border-radius:50rem 50rem 50rem 50rem;background-color: #FF6363;padding:7px;font-weight:500;}
.demandedinformationficheecole a { color:#fff;padding:20px;}
.demandedinformationficheecole a:hover { font-size:18px; }

.elementor-widget-reviews .elementor-testimonial__text {font-size:16px;}

.pt-plus-filter-post-category .category-filters.hover-style-4 li a::after {border-radius: 15px;}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a::before {border:0px;}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a span {padding:4px 16px 4px 16px;}

.pt-plus-filter-post-category .category-filters li a {background-color:#F7F7F7;border-radius:15px!important;color:#383f4e;font-size:16px;}
.pt-plus-filter-post-category .category-filters li a:hover {color:#fff;font-size:16px;}

.listeecole .elementor-icon-list-item {background-color:#fff;border-radius:5px;padding:2px 16px 2px 16px !important}
@media(max-width: 767px) {.listeecole .elementor-icon-list-item {margin-top:15px !important;}}

.listetags .elementor-icon-list-item {background-color:#F7F7F7;border-radius:15px;padding:2px 16px 2px 16px !important;margin-top:10px!important;}
.listetags .elementor-icon-list-item a{color:#383f4e;}
.listetags .elementor-icon-list-item a:hover{color:#FF6363;}
@media(max-width: 767px) {.listetags .elementor-icon-list-item {margin-top:15px !important;}}

/* Trouver mon école */

.postid-19267 .entry-banner::after {background-color:#FFF1F1!important;}
.sous-categories-boutons { display: flex; flex-wrap: wrap; gap: 12px 16px; /* écart entre lignes et colonnes */ margin-top: 15px; margin-bottom: 15px; }
.bouton-sous-categorie { display: inline-block; background-color: #F7F7F7; /* fond clair */ color: #383f4e !important; /* texte sombre */ font-weight: 600; border-radius: 999px; padding: 6px 14px; /* réduit pour un style plus fin */ font-size: 16px; /* taille réduite */ line-height: 1.2; text-decoration: none; transition: background-color 0.3s ease; white-space: nowrap; }
.bouton-sous-categorie:hover { background-color: #fff1f1;}

/* loop scrool */

@media (max-width: 767px) {
.elementor-loop-container.loop-horizontal { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding-left: 16px; gap: 16px; /* Masquer la scrollbar - Chrome, Safari, Opera */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE et Edge */}
.elementor-loop-container.loop-horizontal::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.elementor-loop-container.loop-horizontal .e-loop-item { flex: 0 0 85% !important; scroll-snap-align: start;}
.elementor-loop-container.loop-horizontal .e-loop-item:last-child {margin-right: 0px !important;}
}

/* Responsive : tout reste propre */

@media (max-width: 600px) {
.comment-header { flex-direction: column; align-items: flex-start; }
.comment-meta { flex-wrap: wrap;}
.comment-date { margin-left: 0; margin-top: 5px; }
}

/* rendre scrollable en mobile le widget onglet */

.e-n-tabs-heading.e-n-tabs-heading.e-n-tabs-heading.e-n-tabs-heading {
overflow-x: auto; /* enable horizontal scrolling */
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding-bottom: 10px;
}

@media only screen and (max-width: 760px) {
  /* Fixes bottom gap between resource link and footer mobile */
.e-n-tabs-heading.e-n-tabs-heading.e-n-tabs-heading.e-n-tabs-heading {
overflow-x: auto; /* enable horizontal scrolling */
display: flex;
flex-wrap: nowrap;
justify-content: left !important;
padding-bottom: 10px;
}
}

.e-n-tabs-heading > .e-n-tab-title{
white-space: nowrap !important; /* optional, prevent tabs title from breaking into 2 lines */
margin: 0 !important;
}

.e-n-tabs-content .e-n-tab-title {
display: none; /* don't display mobile tab titles */
}

/* Desktop scroll bar styling, if you want the horizontal scroll on desktop as well */
@media (min-width:1025px){
.e-n-tabs-heading::-webkit-scrollbar-track {
background-color: #dedede;
}
.e-n-tabs-heading::-webkit-scrollbar {
height: 8px;
}
.e-n-tabs-heading::-webkit-scrollbar-thumb {
background-color: #aeaeae;
}
}

/* optional: make the tabs titles sticky */
.e-n-tabs-heading {
position: sticky;
top: 0;
z-index: 9;
background-color: #fff;
}

/* SITE REVIEWS */

/* === Bouton "Envoyer un avis" === */
.glsr-button.wp-block-button__link {
  background-color: #f1f2f3 !important;
  color: #54595F !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s ease;
  box-shadow: none !important;
  outline: none !important;
  position: relative;
  overflow: hidden;
}

/* Supprime l'animation de survol bleue par défaut */
.glsr-button.wp-block-button__link::before {
  display: none !important;
  background: none !important;
  content: none !important;
}

/* Hover personnalisé pour le bouton */
.glsr-button.wp-block-button__link:hover {
  background-color: #FF6363 !important;
  color: #fff !important;
  cursor: pointer;
}

/* Focus sans effet visuel */
.glsr-button.wp-block-button__link:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* === Boîte de chaque avis === */
.glsr-review,
#avis-globaux .glsr-review {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

/* Survol des avis */
.glsr-review:hover,
#avis-globaux .glsr-review:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* Titre d’un avis */
.glsr-review-title h4 {
  font-size: 1.2em;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333;
}

/* Date + auteur */
.glsr-review-date,
.glsr-review-author {
  font-size: 0.9em;
  color: #777;
  margin-top: 10px;
}

/* Contenu de l’avis */
.glsr-review-content p {
  margin: 8px 0;
  line-height: 1.6;
  color: #444;
}


/* Style pour le formulaire Site Reviews avec bordure */
.glsr-form-wrap {
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 24px !important;
  background-color: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Ajout d'un petit espace entre les champs */
.glsr-form .form-group {
  margin-bottom: 16px !important;
}

/* Style bouton cohérent */
.glsr-form .glsr-button {
  background-color: #333 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  font-weight: 600;
  text-transform: uppercase;
}

.glsr-form .glsr-button:hover {
  background-color: #555 !important;
}

/* Titre et date alignés sur les avis avec responsive empilé */

.glsr-review-title-wrap {
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.glsr-review-title-left {
  width: 80%;
}

.glsr-review-title-right {
  width: 20%;
  text-align: right;
}

.glsr-review-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}

.glsr-review-date {
  font-style: italic;
  color: #999;
  font-size: 0.9em;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .glsr-review-title-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .glsr-review-title-left,
  .glsr-review-title-right {
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
  }
}

/* meilleurs avis sur ex : audiovisuel-avis */

/* meilleurs avis sur ex : audiovisuel-avis */

.avis-grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  margin: 20px 0;
}

.avis-item {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

.avis-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.avis-titre {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.avis-note {
  font-size: 1.1rem;
  color: #000;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 🧨 Masquer uniquement le texte "4,5 étoiles sur 5 (3 avis)" */
.avis-note .glsr-summary-text {
  display: none !important;
}

/* ✅ Centrer les étoiles */
.avis-note .glsr-summary-stars {
  display: flex;
  justify-content: center;
  margin-top: 4px;
}


/* TABLEAU DESIGN */

/* Réinitialisation commune */
.plus-table,
.elementor-widget-container table,
.plus-table *,
.elementor-widget-container table * {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Table styling */
.plus-table,
.elementor-widget-container table {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 15px !important;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  padding-bottom:20px;
}

/* En-têtes */
.plus-table thead th,
.elementor-widget-container table thead th {
  background-color: #fdf1ef;
  color: #d94e4e;
  font-weight: 600;
  padding: 14px;
  text-align: left;
  white-space: nowrap;
}

/* Cellules */
.plus-table tbody td,
.elementor-widget-container table tbody td {
  padding: 12px 14px;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

/* Alternance de lignes */
.plus-table tbody tr:nth-child(even),
.elementor-widget-container table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* Hover et active */
.plus-table tbody tr:hover,
.elementor-widget-container table tbody tr:hover {
  background-color: #fcebea;
  cursor: pointer;
}

.plus-table tbody tr:active,
.elementor-widget-container table tbody tr:active {
  background-color: #eac5c5;
}

/* Coins arrondis visuels */
.plus-table thead th:first-child,
.elementor-widget-container table thead th:first-child {
  border-top-left-radius: 15px;
}
.plus-table thead th:last-child,
.elementor-widget-container table thead th:last-child {
  border-top-right-radius: 15px;
}
.plus-table tbody tr:last-child td:first-child,
.elementor-widget-container table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}
.plus-table tbody tr:last-child td:last-child,
.elementor-widget-container table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}

/* Supprime les arrondis sur les cellules internes */
.plus-table th,
.plus-table td,
.elementor-widget-container th,
.elementor-widget-container td {
  border-radius: 0 !important;
}

/* --- WRAPPER POUR SCROLL HORIZONTAL (FACULTATIF POUR .plus-table) --- */
.plus-table-wrapper {
  width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  border-radius: 15px;
  background-color: #fff;
  padding: 0;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .plus-table,
  .elementor-widget-container table {
    width: max-content;
    min-width: 600px;
    font-size: 14px;
  }
}

/* Scrollbar (optionnel) */
.plus-table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.plus-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.plus-table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

