@charset "UTF-8";


/*
Theme Name: Teinte Child
Template: teinte
*/


/* ==========================================================================
   Include variables and mixins
   ========================================================================== */
/* ==========================================================================
   Global CSS variables
   ========================================================================== */
:root {
  --qode-main-color: #ff4000;
  --qode-header-light-color: #fff;
  --qode-header-light-hover-color: #fff;
  --qode-header-dark-color: #000;
  --qode-header-dark-hover-color: #000;
}

/* ==========================================================================
   Typography variables
   ========================================================================== */
/* ==========================================================================
   Box variables
   ========================================================================== */
/* ==========================================================================
   Devices screen size variables
   ========================================================================== */
/* ==========================================================================
   Grid size and responsive grid size variables
   ========================================================================== */
/* ==========================================================================
   Typography mixins
   ========================================================================== */
/* ==========================================================================
   Typography mixins - end
   ========================================================================== */
/* ==========================================================================
   Menu mixins - begin
   ========================================================================== */
/* ==========================================================================
   Menu mixins - end
   ========================================================================== */
/* ==========================================================================
   Layout mixins - begin
   ========================================================================== */
/* ==========================================================================
   Layout mixins - end
   ========================================================================== */
/* ==========================================================================
   Input fields mixins - begin
   ========================================================================== */
/* ==========================================================================
   Input fields mixins - end
   ========================================================================== */
/* ==========================================================================
   Pagination mixins - begin
   ========================================================================== */
/* ==========================================================================
   Pagination mixins - end
   ========================================================================== */
/* ==========================================================================
   Grid size mixins - begin
   ========================================================================== */
/* ==========================================================================
   Grid size mixins - end
   ========================================================================== */
/* ==========================================================================
   Helper mixins - begin
   ========================================================================== */
/* ==========================================================================
   Helper mixins - end
   ========================================================================== */
/* ==========================================================================
   Clear fix mixin - begin
   ========================================================================== */
/* ==========================================================================
   Clear fix mixin - end
   ========================================================================== */
/* ==========================================================================
   Button mixins - start
   ========================================================================== */
/* ==========================================================================
   Button mixins - end
   ========================================================================== */
/* ==========================================================================
   Tabs mixins - start
   ========================================================================== */
/* ==========================================================================
   Tabs mixins - end
   ========================================================================== */
/* ==========================================================================
   Animation mixins - start
   ========================================================================== */
/* ==========================================================================
   Animation mixins - end
   ========================================================================== */
/* ==========================================================================
   Keyframes settings
   ========================================================================== */
.qodef-info-separator-single:after {
  content: '' !important;
  margin-right: 5px;
}

#qodef-page-footer-top-area-inner {
    padding-top: 2%; 
    padding-bottom: 2%; 
}

#qodef-page-footer input[type=email]{
    line-height: 25px;
    padding: 10px 20px !important;
	border-radius: 10px 0px 0 10px;
}
#qodef-page-footer .qodef-theme-button, #qodef-page-footer button[type=submit], #qodef-page-footer input[type=submit] {
    line-height: 2.4em !important;
    padding: 8px 43px !important;
	border-radius: 0px 10px 10px 0px;
}

#qodef-page-footer-top-area .qodef-grid-item #block-92{

    border-bottom: 1px solid #eee;
    padding-bottom: 32px;
	padding-top: 5px;
	width: 84%;
}
#qodef-page-footer-top-area {
    background-color: #ffd400;
    background-image: url(https://hipmedya.com/wp-content/uploads/2023/11/hip-favicon-yellow.png);
    background-size: contain;
    background-position: left;
}
#qodef-page-footer-top-area .qodef-grid-item #block-92 .widget_teinte_core_social_icons_group{
    margin-top: 17px;
    margin-left: 22px;
    position: absolute;
}

#qodef-page-footer-top-area .qodef-grid-item #block-92 #bizeulasin{
		color: #262626;
	    width: 214px;
}
#qodef-page-footer-top-area .qodef-grid-item #block-93{
	padding-top: 10px;
	width: 84%;
}

#qodef-page-footer-top-area .qodef-grid-item #block-93 .telefon a{color:#FFFFFF;}
#qodef-page-footer-top-area .qodef-grid-item #block-93 .mail a{color:#FFFFFF;}


@media only screen and (max-width: 781px){
	#qodef-page-footer-top-area .qodef-grid-item #block-92, 
	#qodef-page-footer-top-area .qodef-grid-item #block-93{width: 100%;}
	#qodef-page-footer-top-area .qodef-grid-item #block-92 .widget_teinte_core_social_icons_group {margin-top: 0px; position: relative;margin-left: 0px;}
	#qodef-page-footer-top-area .qodef-grid-item #block-93 .telefon.has-text-align-right {text-align: left;}
	#qodef-page-footer-top-area .qodef-grid-item #block-93 .telefon { margin-top: -25px;}
	#qodef-page-footer-top-area .qodef-grid-item #block-93 {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
	#qodef-page-footer-top-area .qodef-grid-item #block-61 {margin-top: 20px; }
	#qodef-page-footer input[type=submit] {padding: 8px 10px !important;}    
	#qodef-page-footer-top-area label {margin-bottom: 0em;}
}




.qodef-contact-form-7.qodef--contact-2 button {
    margin: 2px -2px 0 2px;
    padding: 14px 49px;
    width: 100%;
    height: 68px;
    background-color: #ff4000;
	color:#FFFFFF;
}

.qodef-horizontal-scrolling-portfolio-list .qodef-e-items-group {
    width: 57vw !important;
}
.qodef-horizontal-scrolling-portfolio-list .qodef-e-item-large {
    width: 38vw !important;
}

.qodef-horizontal-scrolling-portfolio-list .qodef-e-items-holder {
    overflow: visible !important;
}


@media only screen and (max-width:1024px){
	
.qodef-horizontal-scrolling-portfolio-list .qodef-e-items-holder {
    overflow: hidden!important;}
.qodef-horizontal-scrolling-portfolio-list .qodef-e-item-large {
    width: 100%!important;}
.qodef-horizontal-scrolling-portfolio-list .qodef-e-items-group {
    flex-direction: column;
    width: 100%!important;}
}

#hipgaleri .qodef-horizontal-scrolling-portfolio-list .qodef-portfolio-categories,
#hipgaleri .qodef-horizontal-scrolling-portfolio-list .qodef-portfolio-categories a{
	visibility: hidden;
}
.qodef-header--vertical-sliding .qodef-vertical-sliding-area.qodef--dynamic {width: 540px !important;}


.mailkutusu {margin-bottom: -0.5em;}

.onaylama{font-size: 15px;}


#menu-dil-menusu-1,
#menu-dil-menusu-2,
#menu-dil-menusu {visibility: hidden;}

#menu-dil-menusu-1 .sub-menu,
#menu-dil-menusu-2 .sub-menu,
#menu-dil-menusu .sub-menu {
	visibility: visible;
	margin-left: noe;
	float: left;
    display: flex;
	padding-left: 5px;
}
#menu-dil-menusu-1 .sub-menu li:nth-child(1),
#menu-dil-menusu-2 .sub-menu li:nth-child(1),
#menu-dil-menusu .sub-menu li:nth-child(1){
	padding-right: 5px;
}

#menu-dil-menusu-1 .sub-menu li:nth-child(2)::before,
#menu-dil-menusu-2 .sub-menu li:nth-child(2)::before,
#menu-dil-menusu .sub-menu li:nth-child(2)::before{
	content: "-";
	padding-right: 5px;
	font-weight: 700;
}
#menu-dil-menusu-1 .sub-menu a:hover,
#menu-dil-menusu-2 .sub-menu a:hover,
#menu-dil-menusu .sub-menu a:hover {color: #ff914d!important;}

.sosyalmedyaikon {
    margin-top: -20px!important;
}

.telefon {
	text-align: right;
}
#qodef-page-footer .qodef-grid-item #teinte_core_section_title-2 h6,
#qodef-page-footer .qodef-grid-item #teinte_core_section_title-3 h6 {
	    text-transform: none;
	    font-size: 18px;
}

.wpcf7-response-output {
    width: 100%;
    display: flex;
}

#qodef-page-footer-top-area-inner {
    padding-top: 2%;
    padding-bottom: 0%;
}

.wpcf7-list-item {
    margin: 0!important;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation {
    margin-left: auto;
    margin-right: auto;
    padding-right: 100px;
}