/*
  Theme Name: Impreza Child
  Template: Impreza
  Version: 1.0
  Author:	UpSolution
  Theme URI: http://impreza.us-themes.com/
  Author URI: http://us-themes.com/
*/
.mynav a:hover {
  color: #876869 !important;
}
.myflag img {
  transition: opacity 0.3s ease-in-out;
  max-width: 60px;
  min-width: 60px;
}
.myflag:hover img {
  opacity: 0.65;
}
.video-container {
  width: 475px;
  height: 475px;
  border-radius: 475px;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.mytest .w-post-elm.post_content.usg_post_content_1 {
  margin-top: 20px;
}
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.link1, .comaporter a {
  color: var(--color-content-text) !important;
}
.link1:hover{
  color: var(--color-content-link) !important;
}
.comaporter a:hover{
  color: #EF75C2 !important;
}
.customtbl {
    overflow-x: auto;
    margin: 50px 0;
}
.customtbl .middle {
    background: var(--color-content-border);
    color: #ffffff;
}
.whatsapp {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatsapp i { 
  font-size: 30px;
}
.l-cookie {
  background-color: #ffffff;
  max-width: 600px;
  right: 0;
  left: 0;
  padding: 20px;
  border-radius: 30px;
  bottom: 20px !important;
  margin: 0 auto;
}
html {
  background-color: #F4EFED !important;
  overflow-x: hidden;
}
/* Highlighted words in headings (link color) */
.cc-highlight {
  color: var(--color-content-link);
}
/* Contact form anti-spam honeypot (functions.php): kept off-screen so humans never see it */
.cc-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Contact form radios: full ring instead of the theme's bottom-line field style, also when selected (focused) */
.w-form-row.for_radio input[type=radio],
.w-form-row.for_radio input[type=radio]:focus {
  box-shadow: 0 0 0 2px var(--color-content-primary) inset;
}
/* Radio values look like placeholders until selected, then like filled-in field text */
.w-form-row.for_radio input[type=radio] + span {
  color: var(--inputs-text-color, inherit);
  opacity: 0.5;
  transition: opacity 0.2s;
}
.w-form-row.for_radio input[type=radio]:checked + span {
  opacity: 1;
}
@media ( max-width: 400px ){
  .logo {
    margin: 0 auto;
  }
  .mycontainerh {
    display: block;
    margin-bottom: 25px;
    text-align: center;
  }
  .mynav {
    margin-bottom: 25px;
    margin-inline-end: 0 !important;
  }
  .mycontainerh .w-btn-wrapper, .myflag {
    display: inline-block !important;
  }
  .video-container {
    width: 250px;
    height: 250px;
    border-radius: 250px;
  }
  .customtbl {
        display: block;
  }
  .myflag {
    position: relative;
    top: -22px;
  }
  .l-cookie {
    border-radius: 0;
    bottom: 0 !important;
  }
}
@media ( min-width: 401px ) and ( max-width: 601px ){
  .logo {
    margin: 0 auto;
  }
  .mycontainerh {
    display: block;
    margin-bottom: 25px;
    text-align: center;
  }
  .mynav {
    margin-bottom: 25px;
    margin-inline-end: 0 !important;
  }
  .mycontainerh .w-btn-wrapper, .myflag {
    display: inline-block !important;
  }
  .video-container {
    width: 320px;
    height: 320px;
    border-radius: 320px;
  }
  .customtbl {
        display: block;
  }
  .myflag {
    position: relative;
    top: -22px;
  }
  .l-cookie {
    border-radius: 0;
    bottom: 0 !important;
  }
}
@media ( min-width: 601px ) and ( max-width: 800px ){
  .video-container {
    width: 200px;
    height: 200px;
    border-radius: 200px;
  }  
}
@media ( min-width: 801px ) and ( max-width: 1024px ){
  .video-container {
    width: 275px;
    height: 275px;
    border-radius: 275px;
  }
}
@media ( min-width: 1025px ) and ( max-width: 1300px ){
  .video-container {
    width: 325px;
    height: 325px;
    border-radius: 325px;
  }
}
/* Header menu (Student visa / Find your home / I'm renting out a place):
   wrap onto a new line instead of the theme's hidden horizontal scroll */
.w-menu.mynav.layout_hor.not_responsive .menu {
  flex-wrap: wrap;
  white-space: normal;
  overflow: visible;
  justify-content: center;
  row-gap: .4rem;
}
@media ( max-width: 1100px ){
  /* Stack the header row (logo above, menu + buttons below) while the menu doesn't fit next to the logo */
  .l-section:has(.mycontainerh) .g-cols > .wpb_column {
    width: 100%;
  }
  .logo {
    margin: 0 auto 1.5rem;
  }
  .w-hwrapper.mycontainerh {
    flex-wrap: wrap;
    justify-content: center;
  }
  .w-hwrapper.mycontainerh .mynav {
    width: 100%;
    text-align: center;
    margin: 0 0 1rem !important;
  }
}