/* ============================================================================
 SimCoach css styles
 ============================================================================ */
@import url('https://fonts.googleapis.com/css?family=Khand');



/* ============================================================================
 SimCoach color reference
 ==============================================================================
  #0046AA rgba(  0,  70, 170, 1) - azul (logo)
  #2A2F32 rgba( 42,  47,  50, 1) - cinza escuro (logo)
  #525C66 rgba(82,   92, 102, 1) - cinza claro logo (opção logo negativo)
  #FFC800 rgba(255, 200,   0, 1) - amarelo claro (logo)
  #FFB414 rgba(255, 200,  80, 1) - amarelo médio (logo)
  #FFA000 rgba(255, 160,  80, 1) - amarelo escuro (logo)
 ============================================================================ */



/* ============================================================================
 CSS Estrutural - blocos, alinhamentos gerais
 ============================================================================ */
html{ font-size:10px; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family:"Khand","Roboto Condensed",sans-serif;font-weight:normal; }
a,a:link,a:visited,a:hover,a:active{ color:#0046AA; }

h1 small,h2 small{ font-size:0.6em; }
h3 small,h4 small{ font-size:0.8em; }
h5 small,h6 small{ font-size:0.9em; }
h1 a,h1 a:link,h1 a:visited,
h2 a,h2 a:link,h2 a:visited,
h3 a,h3 a:link,h3 a:visited,
h4 a,h4 a:link,h4 a:visited,
h5 a,h5 a:link,h5 a:visited,
h6 a,h6 a:link,h6 a:visited{ color:inherit; }
h1 a,h1 a:hover,h1 a:active,
h2 a,h2 a:hover,h2 a:active,
h3 a,h3 a:hover,h3 a:active,
h4 a,h4 a:hover,h4 a:active,
h5 a,h5 a:hover,h5 a:active,
h6 a,h6 a:hover,h6 a:active{ color:#0046AA; }

.str-content_wide{ width:100%;max-width:100%;margin-left:0;margin-right:0; }
.str-content_centered{ width:100%;max-width:1280px;margin-left:auto;margin-right:auto; }

#main_header, 
#breadcrumb, 
main, 
#main_footer{ padding-left:1.8rem;padding-right:1.8rem; }


/* ============================================================================
 Cabeçalho do site
 ============================================================================ */
#main_header{
    position:fixed;
    top:0;
    z-index:10;
    max-height:55px;
    background-color:#2A2F32;
    transition:top .25s ease-in-out;
}
#main_header.hide-up{ top:-55px; }
body{ padding-top:55px; }



/* ============================================================================
 Menu lateral (affix)
 ============================================================================ */
main{ min-height:100vh; } /* because .affix */
.navside.affix{ overflow-y:hidden !important; }
.navside.affix:hover{ overflow-y:auto !important; }
.navside.affix.affix-active{ width:calc(2 / 12 * 100% - 1.6rem); }
.navside.affix nav{ padding-bottom:calc(50vh); }
.navside.affix .profile-avatar{ margin:0.8rem; }



/* ============================================================================
 Menu principal
 ============================================================================ */
#main_navigation{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
#main_navigation .navigation{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}
#main_navigation .navigation li a{
    display:block;
    font-size:1.6rem;
    padding:.8rem 0 0 0;
    margin:0 0.8rem;
    font-family:"Khand","Roboto Condensed",sans-serif;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
    border-bottom:1px solid transparent;
    transition:border-color .25s ease-in-out;
}
#main_navigation .navigation li:first-child a img{ /*width:19rem;*/height:4rem;transition:all .15s ease-out; }
#main_navigation .navigation li:first-child a{ margin-left:0; }
#main_navigation .navigation li:last-child a{ margin-right:0; }

#main_navigation .navigation li:not(:first-child) a.active{ border-bottom-color:rgba(255,160,80,.75); }
#main_navigation .navigation li:not(:first-child) a:hover{ border-bottom-color:rgba(255,160,80,1); }

#main_navigation.mini .navigation li a{ font-size:1.4rem;padding:.4rem 0 0 0; }
#main_navigation.mini .navigation li:first-child a img{ /*width:12rem;*/height:2.6rem; }



#main_navigation .mobile-navigation{
    /*display:flex;*/
    display:none;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}
#main_navigation .mobile-navigation ul{
    display:none;
    position:absolute;
    top:4.8rem;
    left:0;
    z-index:1;

    background-color:#2A2F32;
    border:1px solid rgba(82,92,102,0.15);
    padding:0.8rem;
    margin:0;
}
#main_navigation .mobile-navigation.open ul{ display:block; }
#main_navigation .mobile-navigation button,
#main_navigation .mobile-navigation li a{
    display:block;
    padding:1.2rem 0 0 0;
    margin:0 0.8rem;
    font-family:"Khand","Roboto Condensed",sans-serif;
    font-size:1.6rem;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
    border-bottom:1px solid transparent;
    transition:border-color .25s ease-in-out;
}
#main_navigation .mobile-navigation button
{
    border:none;
    background:none;
    margin:0;

    cursor:pointer;
    outline:none;
    -ms-touch-action:manipulation;
    touch-action:manipulation;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;

    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;   
}
#main_navigation .mobile-navigation button img{ height:2.6rem; }
#main_navigation .mobile-navigation button > *{ vertical-align:baseline; }
#main_navigation .mobile-navigation button > .material-icons{ opacity:.2;font-size:2.4rem; }
#main_navigation .mobile-navigation li a.active{ border-bottom-color:rgba(255,160,80,.75); }
#main_navigation .mobile-navigation li a:hover{ border-bottom-color:rgba(255,160,80,1); }

@media (max-width:919px){
    #main_navigation .navigation{ display:none; }
    #main_navigation .mobile-navigation{ display:flex; }
}


#user_controls{ position:relative; }
#user_controls .control-button,
#signup_controls .control-button
{
    display:inline-block;
    position:relative;
    white-space:nowrap;
    margin:0;
    padding:2px 4px 2px 12px;
    min-width:7.5rem;

    font-family:"Khand","Roboto Condensed",sans-serif;
    font-weight:normal;
    font-size:1.4rem;
    line-height:1;

    text-decoration:none !important;
    text-align:center;
    vertical-align:middle;

    border:1px solid rgba(255,255,255,0.15);
    border-radius:4px;
    transition:all .15s;

    color:rgba(255,255,255,0.75);
    background-color:rgba(0,70,170,0);
    text-shadow:0px 1px 1px rgba(0,0,0,0.5);

    cursor:pointer;
    outline:none;
    -ms-touch-action:manipulation;
    touch-action:manipulation;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;

    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
#user_controls .control-button:hover,
#signup_controls .control-button:hover{ color:rgba(255,255,255,1);background-color:rgba(0,70,170,0.75); }

#user_controls .control-button i.material-icons,
#signup_controls .control-button i.material-icons{
    font-size:1.8rem;
    border-left:1px solid rgba(255,255,255,0.15);
    margin-left:.8rem;
    padding-left:.4rem;
}
#user_controls ul
{
    display:none;
    position:absolute;
    top:3.2rem;
    right:0;
    font-family:"Khand","Roboto Condensed",sans-serif;
    font-size:1.6rem;
    background-color:#ffffff;
    border:1px solid rgba(82,92,102,0.15);
    border-radius:4px;
    padding:0.8rem;
    margin:0;
}
#user_controls ul li a
{
    display:block;
    padding:0.4rem 2.4rem 0.4rem 0.8rem;
    text-decoration:none;
    white-space:nowrap;
    transition:all .25s;
}
#user_controls ul li:last-child a{ margin-top:.4rem;border-top:1px solid rgba(82,92,102,0.15); }
#user_controls ul li a:hover{ background-color:rgba(82,92,102,0.15); }
#user_controls.open ul{ display:block; }


#user_controls .user-icons{
    font-size:1.4rem;
    line-height:1;
    text-align:center;
    vertical-align:middle;

    margin:0;
    padding:2px 4px;
    border:1px solid rgba(255,255,255,0);
    border-radius:4px;
}
#user_controls .user-icons a{ position:relative;color:rgba(255,255,255,.75);text-decoration:none !important; }
#user_controls .user-icons a:hover{ color:rgba(255,255,255,1); }
#user_controls .user-icons a .material-icons{ font-size:1.8rem; }

#user_controls .user-icons a::after{
    content:"";
    position:absolute;
    display:block;
    background-color:#C9302C;
    width:1rem;height:1rem;
    border:none;
    border-radius:50%;
    bottom:-0.3rem;
    right:-0.3rem;
}

#signup_controls{ white-space:nowrap;font-size:0; }
#signup_controls .control-button{ padding:6px 12px; }
#signup_controls .control-button:first-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
#signup_controls .control-button:not(:first-child){ border-left:none; }
#signup_controls .control-button:last-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
#signup_controls .control-button:not(:first-child):not(:last-child){ border-radius:0; }


/* ============================================================================
 Rodapé do site
 ============================================================================ */
#footer_wrapper{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}
#main_footer{
    position:relative;z-index:1; /* because .affix */

    padding-top:3.6rem;
    padding-bottom:1.8rem;
    font-size:1.6rem;
    line-height:2.0rem;
    font-family:"Khand","Roboto Condensed",sans-serif;
    color:#FFF;
    background-color:#0046AA;
    background:-moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%), #0046AA;
    background:-webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%), #0046AA;
    background:linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%), #0046AA;
}
#main_footer a{ color:#FFF; }
#main_footer .copy{
    padding:1.8rem 0 0 0;
    margin:4rem 0 0 0;
    border-top:1px solid rgba(255,255,255,0.35);
}

#social_icons{ width:30%;max-width:200px; }
#social_icons a{ padding:0 .4rem 0 0; }
#social_icons a, #social_icons a:link, #social_icons a:visited{ color:rgba(255,255,255,.6);transition:color .25s ease-in-out; }
#social_icons a:hover, #social_icons a:active{ color:rgba(255,255,255,1); }

#sitemap{
    flex-grow:1;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
}
#sitemap ul{ list-style:none;margin:0;padding:0 4.8rem 1.6rem 0; }
#sitemap ul li h1,#sitemap ul li h2,#sitemap ul li h3,#sitemap ul li h4,#sitemap ul li h5,#sitemap ul li h6{ margin:0 0 1rem 0;opacity:0.8; }
#sitemap ul li a{
    display:inline-block;
    text-decoration:none;
    color:#FFF;
    border-bottom:1px solid transparent;
    transition:border-color .25s ease-in-out;
}
#sitemap ul li a.active{ border-bottom-color:rgba(255,160,80,1); }
#sitemap ul li a:hover{ border-bottom-color:rgba(255,200,0,1); }
#form_newsletter{ width:30%;max-width:300px;padding:0;margin:0; }

@media (max-width:767px){
    #footer_wrapper{ justify-content:left; }
    #footer_wrapper > *{ flex-basis:100%;max-width:100%; }
    #social_icons{ width:100%;display:table; }
    #social_icons > *{ display:table-cell; }
    #social_icons > *:last-child{ text-align:right; }
}



/* ============================================================================
 Botões - cores customizadas
 ============================================================================ */
.button, a.button{ color:#fff;background-color:rgba(42,47,50,0.85); }
.button.primary, a.button.primary{ color:#fff;background-color:rgba(0,70,170,0.85); }
.button.success, a.button.success{ color:#fff;background-color:rgba(255,160,0,1); }

.button:hover, a.button:hover{ background-color:rgba(42,47,50,1); }
.button.primary:hover, a.button.primary:hover{ background-color:rgba(0,70,170,1); }
.button.success:hover, a.button.success:hover{ background-color:rgba(255,200,0,1); }



/* ============================================================================
 Ícones (estrelas) - avaliações
 ============================================================================ */
.rating{ display:inline-block;margin:0; }
.rating a,.rating a:link,.rating a:visited,.rating a:hover,.rating a:active{
    font-size:1.3rem;
    line-height:1.5;
    vertical-align:top;
    color:#0046AA;
    text-decoration:none;
}
.rating a:hover,.rating a:active{ color:#2A2F32;text-decoration:underline; }

.rating-star{}
[class^="rating-star"]{font-size:0;}
[class^="rating-star"]:after{
    font-family:'Material Icons';
    font-weight:normal;
    font-style:normal;
    font-size:1.8rem;
    vertical-align:sub;

    display:inline-block;
    line-height:1;
    text-transform:none;
    letter-spacing:-0.4rem;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings:'liga';
    color:#FFA000;
}
.rating-star00:after{ content:'star_border star_border star_border star_border star_border'; }
.rating-star05:after{ content:'star_half star_border star_border star_border star_border'; }
.rating-star10:after{ content:'star star_border star_border star_border star_border'; }
.rating-star15:after{ content:'star star_half star_border star_border star_border'; }
.rating-star20:after{ content:'star star star_border star_border star_border'; }
.rating-star25:after{ content:'star star star_half star_border star_border'; }
.rating-star30:after{ content:'star star star star_border star_border'; }
.rating-star35:after{ content:'star star star star_half star_border'; }
.rating-star40:after{ content:'star star star star star_border'; }
.rating-star45:after{ content:'star star star star star_half'; }
.rating-star50:after{ content:'star star star star star'; }



/* ============================================================================
 Tags - perfil de usuário
 ============================================================================ */
.tags-focus
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;

    list-style:none;
    vertical-align:middle;
    margin:0.8rem 0;
    padding:0;
}
.tags-focus > .tag
{
    padding:4px 8px;
    text-transform:lowercase;
    font-size:1.2rem;
    border-radius:2px;
    margin:0 .2rem .2rem 0;
    background-color:#0046AA;
    transition:all .25s ease-in-out;
}
.tags-focus > .tag:before{
    content:"/// ";
    font-family:"Roboto Condensed",sans-serif;
    color:#ffffff;
    opacity:.2;
}
.tags-focus > .tag:hover{ background-color:#2A2F32; }
.tags-focus > .tag a{ color:#ffffff;text-decoration:none; }



/* ============================================================================
 Sharer - botões para compartilhar a página nas redes sociais
 ============================================================================ */
.sharer{ margin:0;padding:1rem 0;border-top:1px solid rgba(82,92,102,0.35); }
.sharer .fa{ font-size:2rem; }
.sharer a,.sharer a:link, .sharer a:visited{ color:#525C66;transition:color .25s ease-in-out; }
.sharer a:hover,.sharer a:active{ color:#0046AA; }



/* ============================================================================
 Avatar - perfil de usuário
 ============================================================================ */
.avatar{
    position:relative;
    display:inline-block;

    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;

    border-radius:50%;
    border:.2rem solid #ffffff;
}
.avatar.avatar-large{
    border:.4rem solid #ffffff;
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,35,85,0.4);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,35,85,0.4);
    box-shadow:0px 0px 10px 0px rgba(0,35,85,0.4);
}
.avatar img{ width:100px;height:100px;opacity:0; }
.avatar.avatar-small img{ width:24px;height:24px;opacity:0; }
.avatar.avatar-large img{ width:150px;height:150px; }
.avatar.avatar-icon:after{
    content:" ";
    display:inline-block;
    position:absolute;
    bottom:-.8rem;
    right:-.8rem;

    width:33%;
    height:100%;

    background-repeat:no-repeat;
    background-size:contain;
    background-position:right bottom;
    background-image:url('/images/icone_simcoach.png');
    filter:drop-shadow(2px 1px 1px rgba(255,255,255,.8));
}



/* ============================================================================
 Profile card - perfil de usuário/coach
 ============================================================================ */
.profile-card,
.profile-minicard
{
    display:block;
    position:relative;
    width:100%;
    border:solid .1rem rgba(0,70,170,.2);
    background-color:#ffffff;

    background:-moz-linear-gradient(-60deg, rgba(255,255,255,1) 0%, rgba(82,92,102,.1) 100%);
    background:-webkit-linear-gradient(-60deg, rgba(255,255,255,1) 0%, rgba(82,92,102,.1) 100%);
    background:linear-gradient(120deg, rgba(255,255,255,1) 0%, rgba(82,92,102,.1) 100%);
}
.profile-card .profile-banner
{
    display:block;
    position:relative;
    width:100%;
    height:16rem;

    background-color:rgba(0,70,170,1);
    background-image:url('/images/profile_banner.jpg');
    background-repeat:no-repeat;
    background-size:cover;

    -webkit-box-shadow:inset 0px -35px 50px -25px rgba(0,70,170,0.8), inset 0px -15px 25px -15px rgba(0,0,0,0.8);
    -moz-box-shadow:inset 0px -35px 50px -25px rgba(0,70,170,0.8), inset 0px -15px 25px -15px rgba(0,0,0,0.8);
    box-shadow:inset 0px -35px 50px -25px rgba(0,70,170,0.8), inset 0px -15px 25px -15px rgba(0,0,0,0.8);
}
.profile-card .profile-avatar
{
    display:inline-block;
    position:absolute;
    top:8rem;
    left:1.6rem;
    z-index:1;
}
.profile-card .profile-info,
.profile-minicard .profile-info
{
    display:block;
    position:relative;
    width:100%;
    min-height:12rem;
    padding:1.6rem 1.6rem 1.6rem 20rem;
}
.profile-card .profile-info h1{ font-size:3.2rem;margin:0 .8rem 0 0; }
.profile-minicard .profile-info h1 { font-size:2.8rem;margin:0 .8rem 0 0; }
.profile-minicard a{ color:inherit;text-decoration:inherit; }


/* ============================================================================
 Profile mini card - perfil de usuário/coach
 ============================================================================ */
.profile-minicard{ display:inline-block;width:33%; }
.profile-minicard .profile-avatar{ text-align:center;padding:1.6rem 0.8rem 0.8rem 0.8rem; }
.profile-minicard .profile-info{ text-align:center;padding:0.8rem 0.8rem 1.6rem 0.8rem; }


/* ============================================================================
 Session Value tag
 ============================================================================ */
.sessionvalue{
    border-radius:.2rem;
    background-color:rgba(255,160,80,1);
    background:linear-gradient(120deg, #FFC800 0%, #FFA000 100%);
    padding:0.8rem;
    margin:0;
    text-align:center;
    font-family:"Khand","Roboto Condensed",sans-serif;
}
.sessionvalue .sessionvalue-title{ margin:0;padding:0;color:#ffffff;font-size:1.6rem;line-height:1;text-transform:lowercase; }
.sessionvalue .sessionvalue-value{ margin:0;padding:0;color:#ffffff;font-size:2.4rem;line-height:1;text-shadow:0px 1px 1px rgba(0,0,0,0.5); }



/* ============================================================================
 Home Page
 ============================================================================ */
.wrapper-home-wide,
.wrapper-coach-wide
{
    /* margens negativas para compensar o padding do container deste elemento */
    margin:0 -1.8rem;
    padding-left:1.8rem;
    padding-right:1.8rem;
}

#wrapper_home_splash,
#wrapper_coach_splash
{
    position:relative;
    padding:8.4rem 0;

    /* altura 100% da viewport */
    min-height:100vh;
    
    /* conteúdo alinhado na vertical */
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    text-align:left;
    color:#FFFFFF;
    
    background-color:#FFFFFF;
    background-image:url('/images/splash/splash.jpg');
    background-size:cover;
    background-attachment:fixed;
    background-position:right top;
}
#wrapper_coach_splash
{
    padding-bottom:2.4rem;
    min-height:0.1vh;
    background-position:center 25%;
}


#wrapper_home_splashtitle
{
    padding:2.0rem 1.8rem;
    text-transform:uppercase;
    text-shadow:0px 1px 2px rgba(0,0,0,0.75), 0px 1px 50px rgba(0,0,0,1);
}
#wrapper_home_splashtitle h1{ font-size:4.56rem; }
#wrapper_home_splashtitle h2{ font-size:3.12rem; }
#wrapper_home_splashtitle h3{ font-size:2.4rem; }



#wrapper_form_searchcoach
{
    padding-left:1.8rem;
    padding-right:1.8rem;
    
    background-color:#2A2F32;
    background-color:rgba(42,47,50,0.5);
    background:-moz-linear-gradient(-60deg, rgba(0,70,170,0.5) 15%, rgba(42,47,50,0.35) 50%, rgba(255,160,0,0.5) 85%);
    background:-webkit-linear-gradient(-60deg, rgba(0,70,170,0.5) 15%, rgba(42,47,50,0.35) 50%, rgba(255,160,0,0.5) 85%);
    background:linear-gradient(120deg, rgba(0,70,170,0.5) 15%, rgba(42,47,50,0.35) 50%, rgba(255,160,0,0.5) 85%);
}

.wrapper-home-calltoaction
{
    padding-top:4rem;
    padding-bottom:4rem;
}
.wrapper-home-calltoaction.calltoaction-img
{
    /*background-image:url('/images/highlight/highlight.jpg');*/
    background-size:auto;
    background-position:right top;
    background-repeat:no-repeat;
    background-blend-mode:multiply;
}
@media (max-width:400px){
    .wrapper-home-calltoaction.calltoaction-img{ background-image:none !important; }
}

#wrapper_icons
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}
#wrapper_icons .icon{
    vertical-align:top;
    justify-content:center;
    flex-grow:0;
    flex-shrink:0;
    flex-basis:33%;
    
    text-align:center;
}
#wrapper_icons .icon img{
    -webkit-filter:grayscale(.75) opacity(.75);
    filter:grayscale(.75) opacity(.75);
    transition:all .15s ease-in-out;
}
#wrapper_icons .icon figcaption *{ margin:1rem; }
#wrapper_icons .icon figcaption p{ font-family:"Khand","Roboto Condensed",sans-serif;font-size:1.8rem; }

#wrapper_icons .icon:hover img{
    -webkit-filter:grayscale(.25) opacity(1);
    filter:grayscale(.25) opacity(1);
}

@media (max-width:815px){
    #wrapper_icons .icon{ flex-basis:100%; }
}


/* ============================================================================
 Serch Coach forms
 ============================================================================ */
#form_searchcoach
{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:flex-start;
    flex-wrap:wrap;
    justify-content:center;
}
#form_searchcoach > *
{
    margin:0;
    white-space:nowrap;
    flex-grow:0;
    flex-shrink:0;
    flex-basis:auto;
    width:25%;
}
#form_searchcoach label{ text-align:left;text-shadow:0px 1px 2px rgba(0,0,0,0.75), 0px 1px 5px rgba(0,0,0,0.75); }
#form_searchcoach input[type=text],
#form_searchcoach select{
    max-width:100%;
    width:100%;
    height:4.8rem;
    font-family:"Khand","Roboto Condensed",sans-serif;
    font-weight:normal;
    font-size:2.0rem;
    line-height:3.2rem;
    color:#2A2F32;color:#525C66;
}
#form_searchcoach select option{ font-size:1.8rem }
#form_searchcoach .button{
    max-width:100%;
    width:100%;
    height:4.8rem;
    font-family:"Khand","Roboto Condensed",sans-serif;
    font-size:2.0rem;
    line-height:4.0rem;
    border:none;
    background-color:rgba(0,70,170,0.8);

}
#form_searchcoach .button:hover{
    background-color:rgba(0,70,170,1);
}
#form_searchcoach input[type=text],
#form_searchcoach select{ border-radius:0; }
#form_searchcoach .button{ border-radius:0 4px 4px 0; }
#form_searchcoach > *:first-child select{ border-radius:4px 0 0 4px; }

@media (max-width:999px){
    #form_searchcoach{ padding:1.0rem; }
    #form_searchcoach > *{ flex-basis:100%;max-width:100%; }
    #form_searchcoach .button{ border-radius:4px; }
    #form_searchcoach > *:first-child select{ border-radius:4px; }
}