/* 
 Theme Name:     PratikDepo
 Author:         TB
 Author URI:     https://www.pratikdepo.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


:root {
	--kurumsal-mavi-renk: #0061af;
	--kurumsal-sari-renk: #ffce00; 
}

/*
body {
  background-color: var(--kurumsal-mavi-renk);
}
*/

/*
.header_wrapper {
	background-color: rgba(255,255,255,0.70);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
*/


.header_container {
	display: flex;
}


.ana_menu_cta_container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


.et_pb_menu__menu {
	width: 100%;
}

.et_pb_menu .et_pb_menu__menu>nav {
	width: 100%;
}

.et_pb_menu .et-menu {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	display: flex;
	align-items: center;
	padding: 5px;
	white-space: nowrap;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon {
	margin-left: auto;
}

/*
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a {
	color: var(--kurumsal-mavi-renk);
	border-width: 1px;
	border-style: solid;
	border-color: var(--kurumsal-mavi-renk);
	border-radius: 7px;
	padding: 10px 12px;
}
*/
/*
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a {
	color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 7px;
	padding: 10px 12px;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a:hover {
	color: var(--kurumsal-mavi-renk);
	background-color: #ffffff;
	opacity: 1;
}
*/

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a {
	color: var(--kurumsal-mavi-renk);
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 7px;
	padding: 10px 12px;
	background-color: #ffffff;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a:hover {
	opacity: 0.7;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a::before { 
	content: "\E090"; /* telefon ikonu */
	font-family: ETmodules;
	font-size: 16px;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

/*
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_telefon>a .et-pb-icon {
	font-family: ETmodules;
	speak-as: none;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	font-style: normal;
	display: inline-block;
	box-sizing: border-box;
	direction: ltr;
	margin-right: 10px;
}
*/
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_fiyat_teklifi>a {
	color: #000000;
	background: var(--kurumsal-sari-renk);
	border-radius: 7px;
	padding: 10px 12px;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.menu_btn_fiyat_teklifi>a::before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M476.9 161.1C435 119.1 379.2 96 319.9 96C197.5 96 97.9 195.6 97.9 318C97.9 357.1 108.1 395.3 127.5 429L96 544L213.7 513.1C246.1 530.8 282.6 540.1 319.8 540.1L319.9 540.1C442.2 540.1 544 440.5 544 318.1C544 258.8 518.8 203.1 476.9 161.1zM319.9 502.7C286.7 502.7 254.2 493.8 225.9 477L219.2 473L149.4 491.3L168 423.2L163.6 416.2C145.1 386.8 135.4 352.9 135.4 318C135.4 216.3 218.2 133.5 320 133.5C369.3 133.5 415.6 152.7 450.4 187.6C485.2 222.5 506.6 268.8 506.5 318.1C506.5 419.9 421.6 502.7 319.9 502.7zM421.1 364.5C415.6 361.7 388.3 348.3 383.2 346.5C378.1 344.6 374.4 343.7 370.7 349.3C367 354.9 356.4 367.3 353.1 371.1C349.9 374.8 346.6 375.3 341.1 372.5C308.5 356.2 287.1 343.4 265.6 306.5C259.9 296.7 271.3 297.4 281.9 276.2C283.7 272.5 282.8 269.3 281.4 266.5C280 263.7 268.9 236.4 264.3 225.3C259.8 214.5 255.2 216 251.8 215.8C248.6 215.6 244.9 215.6 241.2 215.6C237.5 215.6 231.5 217 226.4 222.5C221.3 228.1 207 241.5 207 268.8C207 296.1 226.9 322.5 229.6 326.2C232.4 329.9 268.7 385.9 324.4 410C359.6 425.2 373.4 426.5 391 423.9C401.7 422.3 423.8 410.5 428.4 397.5C433 384.5 433 373.4 431.6 371.1C430.3 368.6 426.6 367.2 421.1 364.5z"/></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	
}

.depolama_tipi {
	padding-bottom: 90px !important;
}
.depolama_tipi .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	right: 0px;
	padding: 0 20px;
}

table.depolama_ozellikleri:not(.variations) {
   border: 0;
    margin: 0;
}
th.row_konteyner_depo {
  background: rgba(0,97,175,0.07);
}
td.row_konteyner_depo {
  background: rgba(0,97,175,0.03);
}
th.row_oda_depo {
  background: rgba(255,206,0,0.07);
}
td.row_oda_depo {
  background: rgba(255,206,0,0.03);
}


.zaman-once {
	padding-bottom: 0;
	margin-bottom: 5px;
}
.sari-yildiz {
	color: var(--kurumsal-sari-renk);
	font-size: 16px;
}

/*blog sayfasindaki butonlari alta hizala */
.blog_content_group {
  display: flex;
  flex-flow: column nowrap;
}

.blog_content_group .et_pb_button_module_wrapper {
  margin-top:auto;
}


.video_wrapper  {
	display: block;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	margin-top: 0px;
	border-radius: 7px;
}
.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_wrapper .et_pb_code_inner {
    position: unset;
}

/* Youtube video */
#video {
  width: 100%;
  max-width: 700px;
  position: relative;
  background: url(/wp-content/themes/Divi-Child/assets/img/video_thumbnail.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
}

#video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

#video a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 68px;
  height: 48px;
  /*background-color: #1f1f1f;*/
  /*opacity: 0.8;*/
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 48px;
  /*border-radius: 10px;*/
}
#video a:hover {
  /*background-color: #cd201f;*/
  /*opacity: 1;*/
}
#video a:focus {
  opacity: 0;
}

#video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: none;
}
/* Youtube video son */	



/* Desktop */
@media all and (min-width: 981px) {
  
}
/* Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
  /* Your CSS */
}
/* Mobile */
@media all and (max-width: 767px) {
  
}