/*--------------------------------------------------------------
9. Custom Button
--------------------------------------------------------------*/

.custom-button, .custom-button:visited, a.button, .custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {
	transition: all 0.3s ease 0s;
	background: var(--renk);
	color: #fff;
	font-size: 15px;
	padding: 7px 30px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin: 0;
	position: relative;
	font-weight: 500;
	margin-top: 20px;
	border: 2px solid transparent;
	text-transform: uppercase;
}

/*Circle button style*/

.button-curved  .custom-button,
.button-curved .custom-button:visited,
.button-curved a.button.custom-button,
.button-curved a.button.custom-button:visited
.button-curved .custom-button.custom-primary-button,
.button-curved .custom-button.custom-primary-button:visited,
.button-curved input[type="button"],
.button-curved input[type="reset"],
.button-curved input[type="submit"],
.button-curved a.scrollup, a.scrollup:visited,
.button-curved  {
	border-radius: 50px;
}
.custom-button.button-curved{
	border-radius: 50px;
}
.button-semi-curved {
	border-radius: 5px;
}

.button-circle,
.button-circle-enabled .slick-arrow  {
	border-radius: 100%;
}

.section-carousel-enabled.button-circle .slick-prev.slick-arrow,
.section-carousel-enabled.button-circle .slick-next.slick-arrow{
	border-radius: 100%;
}

.custom-button:hover,
.button:hover, button:focus,
.button:focus,
.custom-button:focus,
.custom-button:active,
.custom-button.custom-primary-button:hover,
.custom-button.custom-primary-button:active,
.custom-button.custom-primary-button:focus {
	background-color: #222;
	color: #fff;
}

.overlay-enabled .custom-button:hover,
.overlay-enabled a.button:hover,
.overlay-enabled button:focus,
.overlay-enabled a.button:focus,
.overlay-enabled .custom-button:focus,
.overlay-enabled .custom-button:active,
.overlay-enabled .custom-button.custom-primary-button:hover,
.overlay-enabled .custom-button.custom-primary-button:active,
.overlay-enabled .custom-button.custom-primary-button:focus,
.dark-background .custom-button:hover,
.dark-background a.button:hover,
.dark-background button:focus,
.dark-background a.button:focus,
.dark-background .custom-button:focus,
.dark-background .custom-button:active,
.dark-background .custom-button.custom-primary-button:hover,
.dark-background .custom-button.custom-primary-button:active,
.dark-background .custom-button.custom-primary-button:focus {
	background-color: #fff;
	color: #222;
}
a.custom-button.custom-wire {
	color: #fff;
	background: none;
	border: 2px solid #fff;
}

.custom-button.custom-gray:hover {
	background: var(--renk);
	color: #fff;
}

/*custom-secondary*/

.custom-button.custom-secondary-button,
.custom-button.custom-secondary-button:active,
.custom-button.custom-secondary-button:visited {
	background-color: #000;
	color: #fdfdfd;
	margin-left: 15px;
}

.custom-button.custom-secondary-button:hover,
a.custom-button.custom-wire:hover  {
	background: var(--renk);
	color: #fff;
	border-color:var(--renk);
}

a.more-link {
	display: inline-block;
	font-weight: 700;
}
.more-link:after {
	content: "\f30b";
	font-family: 'Font Awesome 5 Free';
	padding-left: 6px;
	font-size: 11px;
	font-weight: 900;
}

a.more-link:hover::after {
	content: "\f00c";
}

.custom-button.custom-default {
	background: #ddd;
	color: #222;
}

.custom-button.custom-success {
	background: #0fb661;
}

.custom-button.custom-info {
	background: #30b4da;
}

.custom-button.custom-warning {
	background: #f0b02f;
}

.custom-button.custom-danger {
	background: #ff4f39;
}

.custom-button.custom-dark {
	background: #222222;
}

.custom-button.custom-purple {
	background: #9261c6;
}

.custom-button.custom-pink {
	background: #ff6b98;
}
.custom-button.custom-gray{
	background: #f7f9f8;
	color: #222;
}

.custom-button.custom-default:hover,
.custom-button.custom-pink:hover,
.custom-button.custom-purple:hover,
.custom-button.custom-dark:hover,
.custom-button.custom-danger:hover,
.custom-button.custom-warning:hover,
.custom-button.custom-info :hover,
.custom-button.custom-success:hover,
.custom-button.custom-default:hover {
	opacity: 0.8;
}

.custom-button-demo h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.custom-button.button-medium {
	padding: 12px 50px;
}
.custom-button.button-large {
	padding: 20px 50px;
	font-size: 20px;
}

button.custom-button.button-extra-small {
	padding: 5px 15px;
	font-size: 13px;
}