/*  
Theme Name: La Trobe: Tailor & Connect
Theme URI: https://www.tailorandconnect.com.au/
Description: Custom Theme for SLa Trobe University: Tailor & Connect
Version: 1.0
Author: Studio 313
Author URI: https://www.studio313.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

:root {
/*colours */
    --Col_DkBl:#1e456b;
    --Col_MidBl:#4174bf;
    --Col_Or:#e7724d;
    --Col_Copy:#2d2d2d;

/* fonts */
    --Copy: "Montserrat", sans-serif;
    --fontawe: "Font Awesome 7 Pro";
    --Copy_Reg: 400;
    --Copy_Med: 500;
    --Copy_SBld: 600;
    --Copy_Bld: 700;
    
    --font-p:15px;
    --font-h1:22px;
    --font-h2:20px;
    --font-h3:18px;
    --font-h4:15px;

/* padding */
    --Pad: 5vh 15px;
    --TBPad: 5vh 0;
    --TBPadhalf: 2.5 0;
}

@media screen and (min-width: 768px) { :root {

/* fonts */
    --font-p:16px;
    --font-h1:24px;
    --font-h2:22px;
    --font-h3:18px;
    --font-h4:16px;
} }

@media screen and (min-width: 1000px) { :root {

/* fonts */
    --font-p:18px;
    --font-h1:26px;
    --font-h2:24px;
    --font-h3:20px;
    --font-h4:18px;
} }

@media screen and (min-width: 1500px) { :root {

/* fonts */
    --font-p:20px;
    --font-h1:30px;
    --font-h2:26px;
    --font-h3:22px;
    --font-h4:20px;
} }

html { background-color:#e8e8e8; scroll-behavior: smooth; overflow-x: hidden;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size: var(--font-p); font-family: var(--Copy);}

h1, h2, h3, h4 { font-family: var(--Copy); margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6; font-weight: 500;}

h1 { font-size: var(--font-h1); color:var(--Col_Or); margin:0 0 20px 0; font-weight: var(--Copy_Bld);}
h2 { font-size: var(--font-h2); color:var(--Col_Or); margin:0 0 15px 0; font-weight: var(--Copy_SBld);}
h3 { font-size: var(--font-h3); color:var(--Col_Or); margin:0 0 10px 0; font-weight: var(--Copy_SBld);}
h4 { font-size: var(--font-h4); color:var(--Col_Or); margin:0 0 10px 0; font-weight: var(--Copy_SBld);}

p, a, li { font-family: var(--Copy); margin:0; padding:0; text-decoration:none; border:none; font-weight: var(--Copy_Lt);}
p, li { color:var(--Col_Copy); line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:underline; color:var(--Col_Or); border:none;}
a, button { text-decoration:none; color:var(--Col_Or); border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:underline; color:var(--Col_Or);}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong, em b, i b, em strong, i strong { font-family: var(--Copy); font-weight:var(--Copy_SBld);}
em, i, em b, i b, em strong, i strong { font-style: italic;}
*:focus, button:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.dropdown-toggle:after { content: none }


.container { width: 100%; max-width: 1800px;}
.container_1440 { max-width: 1440px;}
.pgbody { min-height: 60vh;}
img { max-width: 100%; height: auto;}


/** HEADER **/
header { position:relative; margin:0; padding:0; height: 85vh; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; }
header:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)),color-stop(30%, rgba(0,0,0,0)),color-stop(70%, rgba(0,0,0,0)),to(rgba(0,0,0,0.65))); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.45) 100%);}

header.home { height: 75vh;}


.NavMain { position: fixed; top: 0; width: 100%; height: auto; background-color: var(--Col_DkBl); padding: 15px 2.5vw 5px 2.5vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1000;}
.NavMain.hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.navbar button.navbar-toggler { border: none !important; color: #fff !important;}
.navbar button.navbar-toggler i { color: #fff !important; font-size: 3vw;}

.top_pnl_txt {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10;}

.top_pnl_txt:before { display: block; content: ''; height: 65vh; width: 150%; border-radius: 50%; background: var(--Col_DkBl); background: var(--Col_DkBl); bottom: -25%; left: -25%; position: absolute;}
.top_pnl_txt div { position: absolute; z-index: 2; width: 90%; bottom: 7.5%; left: 5%; }
.top_pnl_txt div h1 { font-weight: var(--Copy_SBld); font-size: 2.5vh; line-height: 1.4; margin-bottom: 2.5vh; text-align: center;}
.top_pnl_txt div h1, .top_pnl_txt div p {margin-bottom: 2.5vh;}
.top_pnl_txt div h1, .top_pnl_txt div p, .top_pnl_txt div a { color: #fff; }
.top_pnl_txt div p { font-size: 90%;}
.top_pnl_txt div a.cta_btn { max-width: 450px; display: block !important;}

@media only screen and (min-width :800px) {
    header { height: 50vh; min-height: 550px;}
    header.home { height: 60vh; min-height: 600px;}
    .top_pnl_txt:before { display: block; content: ''; height: 150%; width: 90%; border-radius: 50%; background: var(--Col_DkBl); background: var(--Col_DkBl); top: -15%; left: -30%; position: absolute;}
    .top_pnl_txt:after { display: block; content: ''; height: 100%; width: 50%; border-radius: 50%; background: var(--Col_DkBl); background: url(assets/img/t&c-icon.svg) bottom center no-repeat; top: 25%; left: -17.5%; position: absolute; opacity: 0.05;}
    .top_pnl_txt div { position: relative; z-index: 2; width: 50%; margin-top: 15%; left: 5%; }
    .top_pnl_txt div h1 { text-align: left;}
}

@media only screen and (min-width :1000px) {
    .top_pnl_txt:before { display: block; content: ''; height: 150%; min-height: 1500px; width: 70%; border-radius: 50%; background: var(--Col_DkBl); background: var(--Col_DkBl); top: -15%; left: -30%; position: absolute;}
    .top_pnl_txt:after { display: block; content: ''; height: 100%; width: 50%; border-radius: 50%; background: var(--Col_DkBl); background: url(assets/img/t&c-icon.svg) bottom center no-repeat; top: 25%; left: -17.5%; position: absolute; opacity: 0.05;}
    .top_pnl_txt div { position: relative; z-index: 2; width: 30%; left: 5%;}
    .top_pnl_txt div h1 { font-size: 3.5vh; text-align: left;}
}
@media only screen and (min-width :1200px) {
.NavMain {background: transparent;}
.NavMain > div { border-bottom: 2px solid white;}
}

@media only screen and (min-width :1600px) {
    header { height: 55vh; min-height: 400px;}
    header.home { height: 85vh; min-height: 600px;}
}



	
	/* nav */
nav { padding: 0 !important;}
.navbar-brand {width: 15vw; min-width: 125px; max-width: 250px;}
.navbar-brand img { }
.nav-item { padding-inline:0.5vw;}
.nav-item a:hover { text-decoration: none}
.nav-item a.nav-link { color: #fff; font-weight: var(--Copy_SBld); text-transform: uppercase; font-size: 0.75vw;}
.dropdown-menu { padding:0; overflow: hidden;}
.dropdown-menu a.dropdown-item {padding-block:7px;}
.dropdown-menu a.dropdown-item:hover {color: var(--Col_DkBl); color: #fff;}

	
@media only screen and (min-width :992px) {
	.dropdown:hover .dropdown-menu { display: block; margin-top: 0; padding:0; overflow:hidden; border-radius:0 0 7px 7px;}
    .nav_main ul.navbar-nav li .dropdown-menu {border: 0; border-radius: 0 0 5px 5px; background: var(--Copy_ExBld) !important; padding-bottom: 0; overflow: hidden; -webkit-box-shadow: 5px 15px 15px 5px rgba(0,0,0,0.3); box-shadow: 5px 15px 15px 5px rgba(0,0,0,0.3); }
}





	
/** CONTENT **/
/* Call to action Button */
.cta_btn, .btn_contact {border: 2px solid #fff; border-radius: 999px; color: #fff; font-weight: var(--Copy_SBld); background: rgba(65,116,191,0.8); padding: 10px 30px; position: relative; display: inline-block; margin-bottom: 20px; text-align: center; line-height: 1; text-transform: uppercase;}
.cta_btn:after {display: inline-block; font-family: var(--fontawe); content: '\f178'; margin-left: 10px;}
/* variations */
.btn_contact { background: transparent; display: inline-block; padding: 10px 30px !important; }
.btn_blu {background: var(--Col_MidBl); border: 2px solid var(--Col_MidBl); color: #fff;}
.btn_white {background: #fff; border: 2px solid var(--Col_MidBl); color: var(--Col_MidBl);}
.btn_or {background: var(--Col_Or); border: 2px solid var(--Col_Or); color: #fff;}

.cta_btn:hover, .btn_contact:hover {background: var(--Col_Or); color: #fff; text-decoration: none;}
.btn_blu:hover {background: transparent; border: 2px solid var(--Col_MidBl); color: var(--Col_MidBl);}
.btn_white:hover {background: var(--Col_MidBl); border: 2px solid var(--Col_MidBl); color: #fff;}
.btn_or:hover {background: #fff; border: 2px solid var(--Col_Or); color: var(--Col_Or);}
    
.pgbody .cta_btn {margin-top: 30px;}

/* backgrounds*/
.bg_or {background: var(--Col_Or) !important;}
.bg_midbl {background: var(--Col_MidBl) !important;}
.bg_dkbl {background: var(--Col_DkBl) !important;}
.bg_grey {background: #f5f5f5 !important;}

.TBPad {padding: var(--TBPad);}


/** MODULES **/

.mod_fulltxt .container {padding-block: 5vh; }
.mod_fulltxt.bg_or h1, .mod_fulltxt.bg_midbl h1, .mod_fulltxt.bg_dkbl h1,
.mod_fulltxt.bg_or h2, .mod_fulltxt.bg_midbl h2, .mod_fulltxt.bg_dkbl h2,
.mod_fulltxt.bg_or h3, .mod_fulltxt.bg_midbl h3, .mod_fulltxt.bg_dkbl h3,
.mod_fulltxt.bg_or h4, .mod_fulltxt.bg_midbl h4, .mod_fulltxt.bg_dkbl h4,
.mod_fulltxt.bg_or p, .mod_fulltxt.bg_midbl p, .mod_fulltxt.bg_dkbl p,
.mod_fulltxt.bg_or p a, .mod_fulltxt.bg_midbl p a, .mod_fulltxt.bg_dkbl p a,
.mod_fulltxt.bg_or li, .mod_fulltxt.bg_midbl li, .mod_fulltxt.bg_dkbl li {color: #fff;}

.mod_form .container, .tml {padding-block: 5vh; }

.mod_txtimg { padding-inline:20px; padding-block:2.5vh;}
.mod_txtimg_txt { padding-inline: 20px;}
.mod_txtimg_img {border-radius: 25%; overflow: hidden; padding: 0; line-height: 0; max-height:750px; margin-bottom: 20px;}

.mod_video { margin-block:5vh; height: 80vh; width:100vw; overflow: hidden; text-align: center; position: relative;}
.mod_video:before, .mod_video:after { display: block; content: ''; width: 100%; height: 100%; background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(125,185,232,100)),to(rgba(30,87,153,100))); background: linear-gradient(to bottom,  rgba(125,185,232,100) 0%,rgba(30,87,153,100) 100%); position: absolute; top: 0; left: 0; opacity: 1; z-index: 10; mix-blend-mode:multiply;}
.mod_video:after {background: var(--Col_MidBl); mix-blend-mode:normal; z-index: 9; opacity: 0.5;}
.mod_video img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.mod_video > div { -webkit-filter: grayscale(0%); ilter: grayscale(0%); position: relative; z-index: 11; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.mod_video a {font-weight: 800; color: #fff; font-size: 10vh; margin-bottom: 3vh; opacity: 0.4; display: inline-block; border-radius: 50%;}
.mod_video a:hover {opacity: 1;}
.mod_video p { color: #fff;}

.modal.fade { z-index: 1999 !important;}
.modal-body p { color: var(--Col_Copy); margin-top: 30px;}
.modal-body button { text-align: right;}
.modal-footer { padding-block:0;}
.modal-backdrop {background: var(--Col_DkBl); opacity: 1 !important;}
.modal-content { border-radius: 3vh !important;}


.mod_involved {background: var(--Col_Or); text-align: center; padding: var(--TBPad);}
.mod_involved h2, .mod_involved p { color: #fff; font-size: var(--font-h2);}
.mod_involved h2 { font-weight: var(--Copy_SBld); font-size: var(--font-h1);}

.mod_connected {background: var(--Col_DkBl); padding: var(--TBPad); text-align: center;}
.mod_connected .container { max-width: 1000px;}
.mod_connected img { margin-bottom: 20px; max-width: 20vw; min-width: 200px;}
.mod_connected p {color: #a2cbf4; margin-bottom: 20px;}
.mod_connected p:last-of-type { margin-bottom: 0;}
.mod_connected p span { color: #fff;}

.mod_staff { }
.mod_staff:nth-child(n+2) {margin-bottom: 2.5vh;}
.mod_staff h2 {color: var(--Col_Or); font-weight: var(--Copy_SBld); border-bottom: 2px solid #bab9b9; margin-bottom: 0;margin-bottom: 20px; }
.mod_staff .staff_txt h3 {color: var(--Col_Or); font-size: var(--font-h4);}
.mod_staff h3 { margin-bottom: 0;color: var(--Col_MidBl);}
.mod_staff.leads h3 { margin-bottom: 0; color: var(--Col_Or) !important;}
.staff_wrap { padding: 0;}
.staff_itm { text-align: center; margin-bottom: 2vh;}
.staff_itm a { display: block;}
.staff_img { border-radius: 5vh; overflow: hidden; width:300px; height: 300px; padding: 0; margin: 0 auto 20px; max-width: 100%; overflow: hidden; }
.staff_img img { width:300px; height: 300px; -o-object-fit: cover; object-fit: cover;}
.staff_txt p.creds, .staff_modal_txt p.creds { font-weight: var(--Copy_SBld); text-transform: uppercase;  font-size: 70%; display: block;}
.staff_modal_txt h3 { border-bottom: 2px solid #bab9b9; color: var(--Col_Or); font-size: var(--font-h2);}

.staff_txt p.creds, .staff_txt p, .staff_txt a.cta_btn {display: none;}
.leads .staff_txt p.creds, .leads .staff_txt p, .leads .staff_txt a.cta_btn {display: inline-block;}

.mod_staff .modal button { float: right !important;}
.staff_modal_img { height: 100%; min-height: 400px;  max-height: 600px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: calc(3vh - 5px) !important; overflow: hidden; margin-bottom: 20px; }
.staff_modal_txt { padding: 1vh;}

.mod_accord {padding: var(--TBPad); background: var(--Col_MidBl);background-image: repeating-radial-gradient(ellipse farthest-corner at left top, rgba(30,69,107,1) 0%, rgba(65,116,191,1) 99%); position: relative; overflow: hidden;}
.mod_accord:before { display: block; content: ''; height: 1000px; width: 50%; border-radius: 50%; background: var(--Col_DkBl); background: url(assets/img/t&c-icon.svg) bottom center no-repeat; top: 100px; left: -7.5%; position: absolute; opacity: 0.03;}
.mod_accord h2, .mod_accord p {color: #fff; text-align: center;}
.mod_accord .accordion * {background: transparent; border: 0; text-align: left;}
.mod_accord .accordion-header button {color: #fff; font-weight: var(--Copy_SBld); font-size: var(--font-h3); border-bottom: 1px solid #fff;}
.mod_accord .accordion-body { padding-block:2.5vh;}
.mod_accord .accordion-body > div { border-radius: 3vh; background: #fff; padding: 2.5vh;}
.accordion button:after { display: none;}
.accordion button:before { position: absolute; top: 50%; right: 35px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\2b'; font-family:var(--fontawe); display: block; font-weight: 800; color: var(--Col_GrnDk); font-size: 1.7vh;}
.accordion button[aria-expanded="true"]:before { content: '\f068'}
.accordion-body, .accordion-body p, .accordion-body li {color:var(--Col_Copy); font-family:var(--Copy); font-size:var(--font-p);}

.mod_vidgrid, .vidgrid_wrap { }
.mod_vidgrid h2 {color: var(--Col_Or); font-weight: var(--Copy_SBld); border-bottom: 2px solid #bab9b9; margin-bottom: 0;margin-bottom: 20px;}
.vidgrid_wrap { padding: 3vh;}
.vidgrid_itm { margin-bottom: 30px;}
.vidgrid_img { border-radius: 3vh; overflow: hidden; width: 100%; height: 30vh; margin-bottom: 20px;}
.vidgrid_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.vidgrid_ttl { text-align: center; color: var(--Col_MidBl);}

.mod_grid_logos_txt {padding: var(--TBPad);}
.mod_grid_logos_imgs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mod_grid_logos_imgs img { width: auto; height: 7.5vw; margin-bottom: 5vh; padding: 2vh;}

@media only screen and (min-width :800px) {
    .staff_wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .leads .staff_itm { width: 49%;}
    .staff_itm { width: 32%; }
    .staff_modal_txt p.creds { text-align: right;}
}

@media only screen and (min-width :1000px) {
.mod_eqh { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%;}
    
.mod_txtimg {display: -webkit-box;display: -ms-flexbox;display: flex; padding-inline:0;}
.mod_txtimg .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mod_txtimg_img {border-radius: 0 999px 999px 0; }	
.mod_txtimg_img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.mod_txtimg_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block:5vh;}
.mod_txtimg_txt > div { max-width: 35vw;}
    
.mod_txtimg:nth-of-type(odd) .mod_txtimg_img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-radius: 999px 0 0 999px;}
    
    .leads .staff_itm {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left;}
    .leads .staff_itm > div { width: 45%;}
    .staff_wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
    .staff_itm { width: 24%; margin: 0.5%; }
    .staff_img {width: 400px; height: 400px;}
    .staff_img img {width: 400px; height: 400px; -o-object-fit: cover; object-fit: cover;}
}

/** CONTACT **/
.contact { text-align: center;}
.contact_form { border-bottom: 1px solid #bab9b9;}
.contact_form h2 {color: var(--Col_MidBl); font-weight: var(--Copy_SBld); border-bottom: 1px solid #bab9b9; margin-bottom: 0; margin-bottom: 2.5vh; }

/** FOOTER **/
footer { background: #e8e8e8; padding:0 15px 15px; position:relative; text-align: center;}
.ft_top {padding-bottom:3vh; padding-top: 5vh;}
.ft_top h3, .ft_top p { font-weight: var(--Copy_SBld); color: var(--Col_DkBl); max-width: 600px; margin: 0 auto; margin-bottom: 30px;}
.ft_top p { max-width: 800px; margin-bottom: 0;}
.ft_btm {padding-block:3vh; border-top: 2px solid #ccc; position: relative;}
.ft_btm:before {display: block; content: ''; width: 100%; height: 2px; background: #fff; left: 0; top: 0; position: absolute;}
.ft_btm h4 { font-weight: var(--Copy_SBld); font-size: 90%;}
.ft_btm p { font-size: 90%;}
.ft_btm a { color: var(--Col_Copy);}
.ft_cred {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top: 2px solid #ccc; position: relative; padding: 10px; margin-bottom: 0;}
.ft_cred:before {display: block; content: ''; width: 100%; height: 2px; background: #fff; left: 0; top: 0; position: absolute;}
.ft_cred p, .ft_cred a {font-size: 10px; color: #adadad;}	
.ft_cred div:last-of-type {margin-left: 5%;}	
	
	
/* misc */
	
	/* form */
.gform_wrapper {padding:2.5vh 5vw;}
	.gform_wrapper label.gfield_label { font-size:var(--font-p); font-family: var(--Copy); color: var(--Col_Copy); font-weight:var(--Copy_Reg); padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 7px; background-color:#fff; padding:20px !important; resize:none; border:2px solid #ccc; width:100%; margin:0 0 0 0; font-size:var(--font-p); font-family: var(--Copy);}
	.gform_wrapper input[type=submit] { background-color: var(--Col_MidBl); border-radius:999px !important; color:#fff; text-transform:uppercase; font-weight:var(--Copy_Bld); width:100%; max-width:400px; font-size:var(--font-h3); font-family: var(--Copy); cursor:pointer; margin:0; -webkit-appearance: none;}
	.gform_wrapper input[type=submit]:hover { background-color: var(--Col_DkBl); }
    .gform_confirmation_wrapper { font-size:var(--font-p); font-family: var(--Copy);}

   .ginput_container_select { background: url(/wp-content/uploads/2025/02/select.png) no-repeat 98% center;  height: 59px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border:2px solid #ccc; border-radius: 7px; height: 59px; padding: 20px !important;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}


/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	

	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
