/* GAP CSS Reset */
body {
overflow-x: hidden;
}
.gap_custom_container {
width: 100%;
max-width: 1920px;
}
.gap_custom_mobile_container {
width: 100%;
}
.gap_xs12, .gap_sm6, .gap_sm3 {
padding: 0;
}
/* GAP CSS Reset End*/
.image_block {
position: relative;
}
.image_block a.image_cat_link {
position: relative;
display: flex;
justify-content: center;
align-content: center;
}
.image_block a.link_with_border {
border: 1em solid #FFF;
}
.image_block .desktop_custom_collapse {
display: block;
width: 100%;
position: absolute;
top: 78%;
text-align: center;
z-index: 999999;
}
.image_block .desktop_custom_collapse .menu_collapse {
color:#FFF;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
padding: 1em;
width: 60%;
text-align: center;
font-size: 12px;
outline: none;
border: solid 1px #FFF;
letter-spacing: 1px;
}
.image_block .desktop_custom_collapse .menu_collapse::after {
color:#FFF;
}
.image_block .desktop_custom_collapse .menu_list {
width: 60%;
margin: 0 auto;
}
.image_block .desktop_custom_collapse .menu_list ul li {
border: solid 1px #EDEDED;
border-top: none;
}
.image_block .desktop_custom_collapse .menu_list {
width: 60%;
margin: 0 auto;
}
.image_block a.image_cat_link div.cat_name {
display: inline-flex;
position: absolute;
top: 48%;
text-align: center;
font-weight: bold;
}
.image_block a.image_cat_link div.cat_name span {
text-shadow: 0px 0px 10px #122344;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.image_block a.image_cat_link:hover div.cat_name span {
color: #122344;
text-shadow: 0px 0px 10px #fff;
}
.image_block a.image_cat_link img {
transition: opacity 0.5s ease-in-out;
}
.image_block a.image_cat_link:hover img {
opacity: 0.8;
}
.image_block img.promo_bg_image {
width: 100%;
}
.image_block img.promo_detail_txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.image_block div.promo_subcats {
display: flex;
flex-wrap: wrap;
padding: 0 15%;
justify-content: center;
position: absolute;
bottom: 12%;
width: 100%;
}
.image_block div.left_sided_subcats {
padding: 0 55% 0 5%;
}
.image_block div.right_sided_subcats {
padding: 0 5% 0 55%;
}
.image_block div.web_seperated_subcat {
display: block;
padding: 0.7em;
position: inherit;
text-align: center;
}
.image_block div.mobile_subcat {
display: block;
padding: 1% 3%;
bottom: 1%;
}
.image_block div.promo_subcats a.wide_single_link {
display: inline-flex;
height: 3em;
line-height: 3em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #FFF;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: rgba(255, 255, 255, 0.2);
transition: background-color 0.5s ease;
}
.image_block div.web_seperated_subcat a.web_single_link {
text-align: center;
border: 1px solid #122344;
color: #122344;
margin: 0 0.5em;
line-height: 3em;
}
.image_block div.promo_subcats a.wide_single_link:hover {
color: #fff;
background-color: #122344;
}
.widecats {
border-style: solid !important;
border-color: #122344;
border-top: 1px;
border-bottom: 1px;
}
.widecats .cats_container {
display: block;
margin: 0;
}
.widecats .cats_container .cats_header {
height: 40px;
line-height: 40px;
text-align: center;
justify-content: center;
}
.widecats .cats_container .cats_list {
display: inline-flex;
text-align: center;
justify-content: right;
}
.widecats .cats_container .cats_list .cats_cat {
border-style: solid !important;
border-color: #122344;
border-left: 1px;
}
.widecats .cats_container .cats_list .cats_cat a.cats_cat_link {
height: 40px;
line-height: 40px;
padding: 0 10px;
display: block;
text-decoration: none;
transition: background-color 0.5s ease;
}
.widecats .cats_container .cats_list .cats_cat a.cats_cat_link:hover {
background-color: #122344;
color: #fff;
}
@keyframes infiniteslidein {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-300%, 0, 0);
}
}
.infinite_slide {
animation: infiniteslidein 45s linear infinite;
display: flex;
}
/* Mobile Only Objects */
.gap_custom_mobile_row {
margin: 0;
}
.mobile_hover_image {
}
.menu_collapse {
color:#122344;
background-color: #fff;
cursor: pointer;
padding: 1em;
width: 100%;
text-align: center;
outline: none;
border: solid 1px #122344;
}
.menu_collapse:after {
content: '\002B';
color: #122344;
font-weight: bold;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.menu_list {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #fff;
}
.menu_list ul li {
border: solid 1px #122344;
border-top: none;
}
.menu_list ul li a {
display: block;
text-align: center;
line-height: 3em;
transition: background-color 0.5s ease;
}
.menu_list ul li a:hover {
color: #fff;
background-color: #122344;
}
.image_block div.mobile_subcat {
display: block;
padding: 1% 2%;
bottom: 1%;
}
.image_block div.mobile_seperated_subcat {
display: block;
padding: 0.7em;
position: inherit;
text-align: center;
}
.image_block div.mobile_transparent_subcat {
top: 87.8%;
z-index: 99;
}
.image_block div.mobile_transparent_subcat .menu_collapse {
border: 1px solid #FFF;
color: #FFF;
background-color: rgba(255, 255, 255, 0);
}
.image_block div.mobile_transparent_subcat .menu_collapse:after {
content: '\002B';
color: #FFF;
font-weight: bold;
margin-left: 5px;
}
.image_block div.mobile_transparent_subcat .menu_list {
width: 100%;
}
.image_block div.mobile_transparent_subcat .menu_list ul li {
border: solid 1px #EDEDED;
border-top: none;
}
.image_block div.mobile_seperated_subcat a.mobile_single_link {
display: block;
text-align: center;
border: 1px solid #122344;
color: #122344;
margin: 0;
line-height: 3em;
transition: background-color 0.5s ease;
}
.image_block div.promo_subcats a.mobile_single_link {
display: block;
transition: background-color 0.5s ease;
}
.image_block div.promo_subcats a.mobile_single_link:hover, .image_block div.mobile_seperated_subcat a.mobile_single_link:hover {
color: #fff;
background-color: #122344;
}
.mobile_fade_slide {
overflow: hidden;
position: relative;
}
.mobile_fade_slide > div {
position: absolute;
animation: fade_slide 15s infinite;
opacity: 0;
top: 0;
left: 0;
width: 100%;
}
.mobile_fade_slide div img {
width: 100%!important;
}
.mobile_fade_slide > div:nth-child(1) {
position: relative;
}
.mobile_fade_slide > div:nth-child(2) {
animation-delay: 5s;
}
.mobile_fade_slide > div:nth-child(3) {
animation-delay: 10s;
}
@keyframes fade_slide {
5% {
opacity: 1;
}
20% {
opacity: 1;
}
30% {
opacity: 1;
}
40% {
opacity: 0;
}
}
/* Ekran Ölçülerine Göre Değişimler */
@media (min-width:1900px) {
.responsive_row {
margin: 0 10%;
}
.responsive_row h3 {
padding: 0.5em;
font-size: 1.7rem;
background: #132443;
color: #FFF;
margin: 0.5em 0;}
}
@media (min-width:1439px) and (max-width:1900px) {
.image_block div.left_sided_subcats {
bottom: 10%;
}
.image_block div.left_sided_subcats a.wide_single_link {
font-size: 12px;
}
.image_block .desktop_custom_collapse {
top: 82.5%;
}
.responsive_row {
margin: 0 10%;
}
.responsive_row h3 {
padding: 0.5em;
font-size: 1.7rem;
background: #132443;
color: #FFF;
margin: 0.5em 0;}
}
@media (min-width:1279px) and (max-width:1439px) {
.image_block div.left_sided_subcats {
bottom: 12%;
}
.image_block div.left_sided_subcats a.wide_single_link {
font-size: 12px;
padding: 0 0.7em;
margin: 0 0.3em;
}
.image_block .desktop_custom_collapse {
top: 82%;
}
.responsive_row {
margin: 0 10%;
}
.responsive_row h3 {
padding: 0.5em;
font-size: 1.7rem;
background: #132443;
color: #FFF;
margin: 0.5em 0;}
}
@media (min-width:1023px) and (max-width:1279px) {
.image_block div.left_sided_subcats {
bottom: 12%;
padding: 0 50% 0 0%;
}
.image_block div.left_sided_subcats a.wide_single_link {
font-size: 12px;
padding: 0 0.7em;
margin: 0 0.3em;
}
.image_block .desktop_custom_collapse {
top: 82%;
}
.image_block .desktop_custom_collapse .menu_collapse {
font-size: 10.5px;
padding: 0.5em 0.2em;
}
.responsive_row {
margin: 0 10%;
}
.responsive_row h3 {
padding: 0.5em;
font-size: 1.7rem;
background: #132443;
color: #FFF;
margin: 0.5em 0;}
}
@media (max-width:1000px) {
.responsive_row {
margin: 0;
}
.responsive_row h3 {
padding: 0.5em;
font-size: 1.7rem;
background: #132443;
color: #FFF;
margin: 0.5em 0;}
}
/* Kategori ve ana banner buton background renk */
.image_block div.promo_subcats a.wide_single_link, .image_block .desktop_custom_collapse .menu_collapse {
background-color: transparent;
}
/* svg fix */
.home-widget img:not(:first-of-type) {
margin-top: 0 !important;
}
/* basket fix */
.header__basket__link.active::after {
display: none !important;
}
/* promotion widget */
.js-promotions-mobile .active::after {
display: none !important;
}
/* BF - megamenu bosluk + gap container left-right padding fix */
.row.js-navigation {
margin-bottom: 25px !important;
;
}
@media (min-width: 1200px){
body.gap .container {
padding-left: 0 !important;
padding-right: 0 !important;
}}
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 25%;
left: 0;
width: 100%;
height: 100%;
}
.right_sided_subcats {
padding: 0 0 0 75%!important;
bottom: 5%!important;
}
.right_sided_subcats a.wide_single_link {
color:#d2232a!important;
border: 1px solid #d2232a!important;
}
.right_sided_subcats a.wide_single_link:hover {
background:#d2232a!important;
border: 1px solid #d2232a!important;
color: #FFF!important;
}
.left_sided_subcats {
padding: 0 73% 0 0!important;
bottom: 5%!important;
}
@media (min-width: 600px){
.gap_custom_mobile_row {
display: none;
}}
@media (max-width: 600px){
.gap_custom_desktop_row {
display: none;
}}