/* Admin logo 21px x 21px */ 
 
/* Login Logo */

#login > h1 {
    /* background-image: url("../img/logo/logo.svg"); */
    background-image: url("../img/logo/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    margin-bottom: calc(20px + 2vh);
    height: 78px;
}

#login > h1 > a {
    display: none;
}

.login #nav,
.login #backtoblog {
    text-align: center;
}





/* ACF classes for extra styling */
body .acf-editor-wrap[data-toolbar="simple"] iframe{
  height: 320px!important;
  min-height: 320px;
}
body .acf-editor-wrap[data-toolbar="basic"] iframe{
  height: 34vh!important;
  min-height: 400px;
}

body .acf-field.input-editor-simple .acf-editor-wrap iframe,
body .acf-field.input-editor-default .acf-editor-wrap iframe{
  height: 44vh!important;
  min-height: 500px;
}

/* CTA - block-cta-team */
body .acf-field.input-height-small .acf-editor-wrap iframe {
  height: 180px!important;
  min-height: 180px;
}




.acf-field.input-editor-simple .wp-editor-wrap{
  max-width: 700px;
}

  
.acf-field.input-mini input,
.acf-field.input-mini textarea { max-width: 132px;} 
  
.acf-fields.-left > .acf-field.input-mini.acf-field-number > .acf-input{
  width: auto;
}

.acf-field.input-mini textarea,
.acf-field.input-mini select,
.acf-field.input-mini .select2-container,
.acf-field.input-mini .wp-editor-wrap,
.acf-field.input-mini input{ max-width: 110px;} 

.acf-field.input-small textarea,
.acf-field.input-small select,
.acf-field.input-small .select2-container,
.acf-field.input-small .wp-editor-wrap,
.acf-field.input-small input{ max-width: 220px;} 
 
.acf-field.input-medium textarea,
.acf-field.input-medium select,
.acf-field.input-medium .select2-container,
.acf-field.input-medium .wp-editor-wrap,
.acf-field.input-medium .acf-table,
.acf-field.input-medium .acf-google-map,
.acf-field.input-medium input{ max-width: 440px;}  

.acf-field.input-large textarea,
.acf-field.input-large input,
.acf-field.input-large .acf-google-map,
.acf-field.input-large .acf-oembed,
.acf-field.input-large .wp-editor-wrap { max-width: 680px;}  


/* input title + large */
.wp-admin .acf-field.input-title-400 input,
.wp-admin .acf-field.input-title-400 textarea {
  font-size: 18px;
  line-height: 1.5;
}
.wp-admin .acf-field.input-title input,
.wp-admin .acf-field.input-title textarea{
  font-weight: 700;
  font-size: 17px;
  line-height: 1.5;
}





.acf-field.editor-min-height-medium .wp-editor-wrap iframe,
.acf-field.input-editor-intro .wp-editor-wrap iframe{
  height: 232px!important;
  min-height: 200px;
}


/* hide label */
.wp-admin .acf-field.acf-field-group.hide-label .acf-fields.-border {
  border: none;
}
.wp-admin .acf-field.acf-field-group.hide-label .acf-fields > .acf-field,
.wp-admin .acf-field.acf-field-group.hide-label .acf-fields.-left > .acf-field .acf-input {
  padding: 0;
  border: none;
}
.wp-admin .acf-field.acf-field-group.hide-label .acf-input .acf-field + .acf-field {
  margin-top: 10px;
}
.wp-admin .acf-field.hide-label .acf-input .acf-field .acf-label{
  display: none;
}


.acf-field.input-small .acf-image-uploader .image-wrap img {
  max-width: 160px;
  width: 100%;
}
.acf-field.input-medium .acf-image-uploader .image-wrap img {
  max-width: 320px;
  width: 100%;
}

.acf-icon-picker__popup-svg img, 
.acf-icon-picker__svg img {
  width: 100%;
}





/* TABS left label */
body .acf-tab-wrap.-left .acf-tab-group li a{
  font-weight: 700;
  color: inherit
}




/* add border to the repeater block row */
.repeater-border .acf-repeater > table > tbody > tr > td {
  border-top-width: 5px;
  border-top-color: #2271b1!important;
}
/* exclude the forist row */
.repeater-border .acf-repeater > table > tbody > tr:first-child > td {
  border-top-width: 0px;
  border-top-color: #2271b1!important;
}
/* in case if you got any nested repeater blocks and want to hide the border  */
.repeater-border .acf-repeater > table > tbody > tr > td .acf-repeater > table > tbody > tr > td {
  border-top-width: 0px;
  border-top-color: #E1E1E1;
}



/* post content editor (post, post-team, post-jobs, post-courses, post-classes, post-workshops, post-events) */

@media screen and (min-width: 1200px) {
  body.admin-bar.post-type-post #postdivrich,
  body.admin-bar.post-type-post-jobs #postdivrich,
  body.admin-bar.post-type-post-team #postdivrich,
  body.admin-bar.post-type-post-courses #postdivrich,
  body.admin-bar.post-type-post-classes #postdivrich,
  body.admin-bar.post-type-post-workshops #postdivrich,
  body.admin-bar.post-type-post-events #postdivrich { 
    padding: 12px 12px 12px calc(20% + 12px);
  }
}

body.admin-bar.post-type-post .wp-editor-wrap,
body.admin-bar.post-type-post-jobs .wp-editor-wrap,
body.admin-bar.post-type-post-team .wp-editor-wrap,
body.admin-bar.post-type-post-courses .wp-editor-wrap,
body.admin-bar.post-type-post-classes .wp-editor-wrap,
body.admin-bar.post-type-post-workshops .wp-editor-wrap,
body.admin-bar.post-type-post-events .wp-editor-wrap {
  border-bottom: 1px solid #dcdcde;
}

body.admin-bar.post-type-post #post-status-info,
body.admin-bar.post-type-post .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-jobs #post-status-info,
body.admin-bar.post-type-post-jobs .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-team #post-status-info,
body.admin-bar.post-type-post-team .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-courses #post-status-info,
body.admin-bar.post-type-post-courses .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-classes #post-status-info,
body.admin-bar.post-type-post-classes .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-workshops #post-status-info,
body.admin-bar.post-type-post-workshops .wp-editor-expand .mce-statusbar,
body.admin-bar.post-type-post-events #post-status-info,
body.admin-bar.post-type-post-events .wp-editor-expand .mce-statusbar {
  visibility: hidden;
  height: 0;  
}

 
 

/* Login */
:root {
  --login-bg: #F9F7F0;
  --login-text: #5c5726;
  --login-primary: #bc6c26;
  --login-primary-hover: #8f8654;
  --login-focus: #8f8654;
}

body.login-body {
  background-color: var(--login-bg);
  color: var(--login-text);
}

body.login-body #login {
  margin-top: 5vh;
}

/* Primary button */
body.login-body.wp-core-ui .button-primary {
  background-color: var(--login-primary);
  color: var(--login-bg);
  border-color: var(--login-primary);
  box-shadow: none;
  text-shadow: none;
  transition: all 0.3s;
  border-radius: 8em;
  font-weight: 600;
  padding: 0.1em 1.3em 0.15em;
  min-width: 9em;
}

body.login-body.wp-core-ui .button-primary:hover,
body.login-body.wp-core-ui .button-primary:focus {
  background-color: var(--login-primary-hover);
  border-color: var(--login-primary-hover);
  color: var(--login-bg);
}

/* Messages */
body.login-body.login .message, 
body.login-body.login .notice, 
body.login-body.login .success {
  border-color: var(--login-focus);
}

/* Password toggle */
body.login-body.login .button.wp-hide-pw .dashicons {
  color: var(--login-text);
}

body.login-body.login .button.wp-hide-pw:hover .dashicons {
  color: var(--login-focus);
}

body.login-body.login .button.wp-hide-pw:focus {
  border-color: var(--login-focus);
  box-shadow: 0 0 0 1px var(--login-focus);
}

/* Form elements */
body.login-body.login #login form .forgetmenot {
  padding-top: 1.55em;
}
body.login-body.login #login form .submit {
  padding-top: 1em;
}

body.login-body.login input[type=checkbox]:checked::before {
  filter: grayscale(1);
}

body.login-body.wp-core-ui input[type="text"],
body.login-body.wp-core-ui input[type="password"],
body.login-body.wp-core-ui input[type="email"] {
  color: var(--login-text);
}

body.login-body.wp-core-ui input[type="text"]:focus,
body.login-body.wp-core-ui input[type="password"]:focus,
body.login-body.wp-core-ui input[type="email"]:focus,
body.login-body.wp-core-ui input[type="checkbox"]:focus {
  border-color: var(--login-focus);
  box-shadow: 0 0 0 1px var(--login-focus);
}

/* Links */
body.login-body.login #backtoblog a, 
body.login-body.login #nav a {
  color: var(--login-text);
}

body.login-body.login #backtoblog a:hover, 
body.login-body.login #nav a:hover {
  color: var(--login-primary);
}

body.login-body.login #backtoblog a:focus, 
body.login-body.login #nav a:focus {
  box-shadow: 0 0 0 2px var(--login-focus);
}



/* editor styles */