| Server IP : 216.250.13.251 / Your IP : 216.73.217.100 Web Server : nginx/1.24.0 System : Linux gunay 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : root ( 0) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/gunay/wp-content/themes/rttheme19/css/sass/partials/layout4/ |
Upload File : |
/* ==========================================================================
MAIN NAVIGATION
========================================================================== */
/* Desktop Navigation
========================================================================== */
.header-elements .menu{
list-style: none outside none;
margin: 0;
padding: 0;
> li{
position: relative;
display: inline-block;
float: left;
//top level items
> a{
display: inline-block;
text-align: center;
text-decoration:none;
outline: none;
position: relative;
}
a > span{
border-width: 0 1px 0 0;
border-style: solid;
border-color: transparent;
}
&.menu-item-has-children > a > span:after{
content: "\f107";
font-family: fontello;
padding-left: 6px;
line-height: 1;
}
// hover and active states
> a:hover,
&.current-menu-ancestor > a,
&.current-menu-item > a
{
text-decoration:none;
// border-color: $nav_item_border_color_active;
// color: $nav_item_font_color_active;
// background-color: $nav_item_background_color_active;
}
}
a > span {
display: inline;
}
> li > a sub{
display: none;
}
sub{
display: block;
font-size: 0.92em;
opacity: 0.8;
bottom: 0;
margin-top: 10px;
margin-bottom: 10px;
}
// sub menus
ul{
visibility: hidden;
position: absolute;
width: 240px;
list-style: none outside none;
z-index: 99999;
margin: 0;
padding: 0;
text-align: left;
transition: opacity 0.2s ease-in;
will-change: opacity;
opacity: 0;
z-index: -999;
height: 0;
li{
position: relative;
// sub level items
a{
display: block;
// border-color: $sub_nav_item_border_color;
border-style: solid;
border-width: 0 0 1px 0;
text-decoration:none;
// color: $sub_nav_item_font_color;
// background-color: $sub_nav_item_background_color;
}
// hover and active states
a:hover, > .current-menu-ancestor > a{
text-decoration:none;
// border-color: $sub_nav_item_border_color_active;
// color: $sub_nav_item_font_color_active;
// background-color: $sub_nav_item_background_color_active;
}
}
li:first-child a{
// border-width: 1px 0 1px 0;
}
//2+ level sub menus
ul{
margin-left: 240px;
top: 0;
}
ul ul{
top: 0;
}
}
li.hover > ul,
li:hover > ul{
visibility: visible;
opacity: 1;
height: auto;
z-index: 999;
}
// indicator
> li > a:after{
border-bottom-style: solid;
border-image: none;
bottom: 0;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0;
@include transition(width .2s ease .1s);
max-width: 100%;
}
> li.hover > a:after,
> li:hover > a:after{
width: 100%;
@include transition(width .2s ease .1s);
}
> li li.menu-item-has-children:after{
content: "\f105";
font-family: fontello;
position: absolute;
z-index: 999;
right: 10px;
top: 0;
line-height: 14px;
font-size: 14px;
top: calc( 50% - 7px );
}
// Opposite direction for the drop down menus
> li.o-direction .sub-menu{
right: 0;
text-align: right;
li.menu-item-has-children:after{
content: "\f104";
left: 10px;
right: auto;
}
//2+ level sub menus
ul{
margin-right: 236px;
margin-left: auto;
}
}
//Mega Menu
.multicolumn{
position: static;
> ul{
display: block;
@include box-shadow( 2px 2px 0 rgba(0, 0, 0, 0.02) );
border-top: 2px solid transparent !important;
width: 100%;
@include transition( opacity 0.2s ease-in );
will-change: opacity;
opacity: 0;
height: 0;
padding: 0;
overflow: hidden;
}
ul:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
box-shadow: none;
}
> ul > li{
float: left;
margin: 0 10px;
}
ul ul sub,
li:not(.menu-item-has-children) > a > sub{
margin-left:calc(1.2em + 1px)
}
}
li.multicolumn.hover > ul,
li.multicolumn:hover > ul{
opacity: 1;
visibility: visible;
padding: 20px 10px;
height: auto;
}
@for $i from 1 through 8 {
.multicolumn-#{$i} > ul > li{
width: calc( #{percentage( 1 / $i )} - 20px );
}
.multicolumn-#{$i} > ul > li:nth-of-type(#{$i}n+1){
clear: left;
}
}
.multicolumn > ul > li.menu-item-has-children > a,
.multicolumn > ul > li.menu-item-has-children > span{
border-width: 0 0 1px 0;
border-style: solid;
display: block;
}
.multicolumn li.menu-item-has-children::after{
content: "";
}
.multicolumn > .sub-menu > li > .sub-menu{
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
padding: 0;
}
.multicolumn > ul .sub-menu{
position: static;
margin-left: 0;
display: block;
visibility: visible;
opacity: 1;
height: auto;
}
.multicolumn > ul li a, .multicolumn > ul li > span{
border-width: 0;
padding: 8px !important;
}
.multicolumn > .sub-menu li:not(.menu-item-has-children) a,
.multicolumn > .sub-menu ul li a{
@include icon("\f105");
}
.multicolumn > .sub-menu li:not(.menu-item-has-children) a:before,
.multicolumn > .sub-menu ul li a:before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: left !important;
}
.multicolumn > .sub-menu ul{
padding-left: 18px;
box-shadow: none;
margin: 0;
width: auto;
border-width: 0;
}
}
//remove border of last menu item if shortcut buttons is not active
.header-right nav:last-child #navigation > li:last-child > a{
border-width: 0;
}
/* ==========================================================================
MOBILE NAVIGATION
========================================================================== */
//mobile nav
.mobile-nav{
display: none;
position: absolute;
width: 100%;
z-index: 999;
left: 0;
}
body:not(.mobile-menu) .mobile-nav{
display: none !important;
}
#mobile-navigation{
padding: 0;
margin: 0;
list-style: none;
> li{
float: none;
display: block;
}
a > sub {
display: block;
font-size: 11px;
font-style: oblique;
padding: 5px 0;
}
li a, li > span{
position: relative;
display: block;
text-align: left;
border-width: 0 0 1px 0;
padding: 10px 20px;
font-family: arial;
padding: 10px 20px;
text-decoration: none;
border-style: solid;
line-height: 1.8 !important;
}
ul li a, ul li > span {
border-style: solid;
border-width: 0 0 1px;
}
> li > a:after, li span:after {
background-color: transparent;
}
// sub menus
ul{
list-style: none;
display: none;
position: relative;
right: 0;
width: 100%;
margin: 0;
padding: 0;
border-width: 0;
}
ul ul{
border-width: 0;
}
> li > ul{
margin: 0;
}
ul li:first-child a, ul li:first-child > span{
border-width: 0 0 1px 0;
}
li:hover > ul
{
display: none;
}
li.menu-item-has-children
{
> a, > span {
padding-right: 65px;
@include icon("\2b");
position: relative;
}
&.current-menu-item > a, &.current-menu-item > span{
@include icon("\2d");
}
> a:after, > span:after{
border-style: solid;
border-width: 0 0 0 1px;
height: 100%;
position: absolute;
right: 50px;
content: "";
top: 0;
z-index: 999;
}
> a:before, > span:before{
cursor: pointer;
margin: -5px 0 0 0;
position: absolute;
right: 20px;
top: 50%;
text-align: center;
width: auto;
z-index: 999;
margin: -6px 0 0 0 !important;
line-height: 1;
font-size: 12px;
width: auto !important;
}
}
li.current-menu-item
{
> ul{
display: block;
}
}
// indicator
li.current-menu-ancestor:after,
li.current-menu-item:after,
li:hover:after,
li:after{
content: none;
}
//sub menu paddings
li li li a{
padding-left: 25px;
}
li li li li a{
padding-left: 35px;
}
li li li li a{
padding-left: 45px;
}
li li li li li a{
padding-left: 50px;
}
li li li li li li a{
padding-left: 60px;
}
li li li li li li li a{
padding-left: 70px;
}
}