/* MPM 14/04/2023 - ITV Frames CSS for KCM-Europe */

/* ITV Fonts */
@font-face {
  font-family: 'utopia-std-subhead';
  /* src: url('webfont.eot'); */ /* IE9 Compat Modes */
  /* src: url('webfont.eot?#iefix') format('embedded-opentype'), */ /* IE6-IE8 */
  /*     url('webfont.woff2') format('woff2'), */ /* Super Modern Browsers */
  /*     url('webfont.woff') format('woff'), */ /* Pretty Modern Browsers */
  /*     url('webfont.ttf')  format('truetype'), */ /* Safari, Android, iOS */
  /*     url('webfont.svg#svgFontName') format('svg'); */ /* Legacy iOS */
	src: url('/wp-content/themes/KCM-2021/inc/assets/itv/fonts/UtopiaStd-Semibold.otf') format('opentype');
}

@font-face {
  font-family: 'avenir-menu';
  /* src: url('webfont.eot'); */ /* IE9 Compat Modes */
  /* src: url('webfont.eot?#iefix') format('embedded-opentype'), */ /* IE6-IE8 */
  /*     url('webfont.woff2') format('woff2'), */ /* Super Modern Browsers */
  /*     url('webfont.woff') format('woff'), */ /* Pretty Modern Browsers */
  /*     url('webfont.ttf')  format('truetype'), */ /* Safari, Android, iOS */
  /*     url('webfont.svg#svgFontName') format('svg'); */ /* Legacy iOS */
	src: url('/wp-content/themes/KCM-2021/inc/assets/itv/fonts/avenir-lt-95-black.ttf') format('truetype');
}

@font-face {
  font-family: 'avenir-body';
  /* src: url('webfont.eot'); */ /* IE9 Compat Modes */
  /* src: url('webfont.eot?#iefix') format('embedded-opentype'), */ /* IE6-IE8 */
  /*     url('webfont.woff2') format('woff2'), */ /* Super Modern Browsers */
  /*     url('webfont.woff') format('woff'), */ /* Pretty Modern Browsers */
  /*     url('webfont.ttf')  format('truetype'), */ /* Safari, Android, iOS */
  /*     url('webfont.svg#svgFontName') format('svg'); */ /* Legacy iOS */
	src: url('/wp-content/themes/KCM-2021/inc/assets/itv/fonts/avenirltstd-roman.otf') format('opentype');
}

/* Typography */
h1.utopia-std-subhead {
	font-family: "utopia-std-subhead", Sans-serif;
	/* font-size: 30px; */
	font-weight: 600;
}
/* Form only */
h1.elementor-heading-title {
    color: #2F3653;
    font-family: "Avenir", Sans-serif;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
}

.gold-underline {
    border-bottom: 9px solid #CFAA6A;
    display: inline-block;
    line-height: 0.5em;
}

.centered-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Form graphic styling */
div.rounded-top-right img
{
    border-radius: 6px 66px 6px 6px;
}

.utopia-large-quote,#itv-row div#gform_confirmation_message_24 {
	font-family: "utopia-std-subhead", Sans-serif;	
	font-size: 26px;
	font-weight: 600;	
	font-style: italic;
}

/* GF overrides */
.gform_heading .gform_required_legend{
	display:none;
}

#itv-row div#gform_confirmation_message_24 {
	align-items: center;
}

#itv-row div.gform_footer.top_label {
	justify-content:center;
}
/* These are copies of the bootstrap .form-control class */
/* #itv-row is used for iframes.  If #itv-form is used for standalone forms (some items were initially assumed to be forms but were changed to iframe tag ids as the forms were still going to be displayed in an iframe, changes will need to be made in the supporting js if the #itv-form prefix is used for the resizing to work correctly */
#itv-row div #input_24_1, #gform_fields_24 input[type="text"], #gform_fields_24 input[type="email"],#itv-row .gfield_select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#itv-row div #input_24_9  {
    display: block;
    /* width: 100%; */
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#itv-row .textarea.large {
	border: 1px solid #ced4da;
}

/* // GF */

.avenir-black, h1#SIGNUP_HEADING,#itv-row h2.gform_title {
	font-family: "avenir-menu", Sans-serif;
    /* font-size: 16px; */
	color: #000000;
}

h1#SIGNUP_HEADING,#itv-row h2.gform_title {
	text-align: center;
}
	

.avenir-body {
	font-family: "avenir-body", Sans-serif;
    font-size: 16px;
	color: #FFFFFF;
}

/* Elements */
.insider.itv-button,#itv-row .gform_button,#itv-form .gform_button {
    font-family: "avenir-menu", Sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #7B92D3;
    border-radius: 3px 3px 3px 3px;
    padding: 9px 15px 9px 15px;
	border-width: 0px;
}

.partner.itv-button {
    font-family: "avenir-menu", Sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #2F3653;
    border-radius: 3px 3px 3px 3px;
    padding: 9px 15px 9px 15px;
	border-width: 0px;
}

div.itv-thumbnail img {
	/* height: 240px; */
	width: auto;
}
/* Zoho form formatting/overrides */
div#errorMsgDiv, div[name="SIGNUP_FORM_LABEL"], .page-template-itv-form-host label.gfield_label  {
	visibility:hidden;
}



/* MPM Style the placeholder in preference */
/* span[name="SIGNUP_REQUIRED"]{ */
	/* visibility:visible; */
	/* margin-left:1em; */
	/* color: red; */
/* } */
div.zcsffieldsdiv input[type="email"]::placeholder { 
	color: red;
}

div.zcsffieldsdiv input[type="text"],div.zcsffieldsdiv input[type="email"],#gform_fields_24 input[type="text"],#itv-row input[type="email"],#itv-row input[type="text"].large, #itv-form input[type="email"],#itv-row input[type="tel"].large {
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width: thin;
	padding-bottom:0.75em;
	color: #495057;
	border-bottom-color: #ced4da;
}

/* Backgrounds */
div.insider {
	background-color: #7B92D3;
}

div.partner {
	background-color: #2F3653;
}

div.give {
	background-color: #CFAA6A;
}

/* Victory Week additions */
div.order {
	background-color: #d5d2c9;
}

div.inactive {
	background-color: #EDEDED;
}

div.partnerVW {
	background-color: #000;
}

/* Generic override */
input:focus, textarea:focus, select:focus{
	outline: none;
}