/**

Theme Name: Astra Child

Author: Brainstorm Force

Author URI: http://wpastra.com/about/

Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: astra-child

Template: astra

*/



/*font family for body text*/
@font-face { 
    font-family: BarlowCondensed-Regular; 
    src: url(https://tomroyal360.com/wp-content/themes/astra-child/fonts/BarlowCondensed-Regular.ttf); 
    font-weight: normal; 
}
@font-face { 
  font-family: Quentin; 
  src: url(https://tomroyal360.com/wp-content/themes/astra-child/fonts/Quentin.ttf); 
  font-weight: normal; 
}
.style_h3 h3{
  font-family: Quentin !important; 
}
#menu-1-e672ac6 a{
    font-family: BarlowCondensed-Regular !important;
    margin: 0 13px; 
}
#menu-1-e672ac6 a:after{
  content: '';
  width: 0%;
  height: 3px;
  background: white;
  position: absolute;
  bottom: -5px;
  margin: 0 auto;
  -webkit-transition: .25s cubic-bezier(.165,.84,.44,1);
  -o-transition: .25s cubic-bezier(.165,.84,.44,1);
  transition: .25s cubic-bezier(.165,.84,.44,1);
}
#menu-1-e672ac6 li:hover a:after{
  width: 70% !important;
}
div#content {
  margin-bottom: 500px;
    position: relative;
    z-index: 1;
    /* background: url(https://tomroyal360.com/wp-content/uploads/2022/12/17450-scaled.jpg); */
    background: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.elementor-element-7fcd6db.burger_menu > div{
  width: 100%;
}
.Cstm_hd_playlist .e-tabs .e-tabs-main-area{
  flex-direction: column !important;
}
.Cstm_hd_playlist .e-tabs .e-tabs-main-area .e-tabs-wrapper{
  width: 100% !important;
}
.Cstm_hd_playlist .e-tabs .e-tabs-content-wrapper{
  order: -1;
}
footer#colophon {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.elementor-element-7fcd6db{
  height: 100vh;
  display: inline-flex !important;
  width: 30%;
  position: fixed;
  right: -30%;
  top: 0;
  bottom: 0;
  background: black;
  align-items: center;
  transition: 0.5s !important;
}
.elementor-element-7fcd6db.burger_menu{
  right: 0 !important;
}
/* .elementor-element-127c820.burger_menu_first_section{
  top: 110px;
} */
.elementor-element-127c820.burger_menu_first_section,
.elementor-element-19b1054.burger_menu_header {
  position: relative;
  right: 30%;
  overflow: hidden;
  transition: .5s !important;
}
.elementor-element-127c820,
.elementor-element-19b1054{
  position: relative;
  width: 100%;
  right: 0%;
  overflow: auto;
  transition: .5s !important;
}
.elementor-element-659bc63 .elementor-icon svg{
  cursor: pointer;
} 
.shape1 {
  border-top: 4px solid #E91E77;
  width: 50%;
  float: right;
  margin-top: 50px;
}
/* .elementor-element-659bc63 .elementor-icon svg:hover {
  fill: #ed2f72 !important;
} */
/* .elementor-element-659bc63 .elementor-icon svg:hover #st path:nth-child(2) {
  fill: red;
} */

.elementor-element-659bc63 .elementor-icon svg:hover #st path:nth-child(1) {
  animation: loading-bar-morph 1s linear 0.1s infinite !important;
  transform-origin: center ;
  fill: rgb(255,127,80);
}
.elementor-element-659bc63 .elementor-icon svg:hover #st path:nth-child(2) {
  animation: loading-bar-morph 1s linear 0.3s infinite !important;
  transform-origin: center;
  fill: rgb(255,127,80);
}
.elementor-element-659bc63 .elementor-icon svg:hover #st path:nth-child(3) {
  animation: loading-bar-morph 1s linear 0.5s infinite !important;
  transform-origin: center;
  fill: rgb(255,127,80);
}
.elementor-element-659bc63 .elementor-icon svg:hover #st path:nth-child(4) {
  animation: loading-bar-morph 1s linear 0.7s infinite !important;
  transform-origin: center;
  fill: rgb(255,127,80);
}

@keyframes loading-bar-morph {
  0% {
    transform: scaleY(1);
  }
  25% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(0.15);
  }
}

/*music*/
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.glow {
  position: absolute;
  width: 300px;
  height: 300px;
  background: linear-gradient(0deg, #000000, #262626);
  border-radius: 50%;
}
.glow::before, .glow::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  background: linear-gradient( 45deg, #ff00ee, #0000ff, #00ff00, #ff0000, #ff00ee, #0000ff, #00ff00, #ffff00, #ff0000 );
  background-size: 400%;
  max-width: calc(300px + 4px);
  max-height: calc(300px + 4px);
  width: calc(300px + 4px);
  height: calc(300px + 4px);
  z-index: -1;
  animation: animate 20s linear infinite;
  border-radius: 50%;
}
.disable-animation::before, .disable-animation::after {
  animation-play-state: paused;
}
.glow::after {
  filter: blur(28px);
}
#player, #playlist {
  width: 243px;
  height: 212px;
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#songName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 30px;
}
.playlist-btn {
  width: 243px;
  margin-top: 30px;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.hide {
  display: none;
}
#list {
  height: 118px;
  max-height: 118px;
  margin-top: 16px;
  font-size: 12px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #fff;
  text-align: left;
  padding-left: 8px;
  border: 2px solid #262626;
  border-radius: 5px;
}
.list-item {
  line-height: 30px;
  height: 30px;
  margin-top: 4px;
}
.list-container button {
  width: 30px;
  padding: 0;
  float: right;
  margin-right: 4px;
}
.add-list {
  padding: 4px 6px;
}
.wrap-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
  display: inline-block;
}
#sourceUrl {
  background: none;
  padding: 8px;
  border: 2px solid #1f1f1f;
  border-radius: 47px;
  outline: none;
  color: white;
  height: 30px;
  width: 192px;
}
#sourceUrl:active, #sourceUrl:focus {
  border: 2px solid #0088ff;
}
.text {
  color: #ffffff;
  display: block;
}
button {
  background: #000000;
  color: #ffffff;
  background: linear-gradient(0deg, #000000, #262626);
  font-size: 14px;
  border: none;
  outline: none;
  padding: 0px 15px;
  width: 55px;
  height: 30px;
  line-height: 30px;
  border-radius: 32px;
}
button:hover {
  box-shadow: 0 0 8px 0px #ffffff61;
}
button:active {
  box-shadow: inset 0 0 6px 0px #ffffff61;
}
#video-search-form{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#video-search-form button {
  width: unset !important;
  border-radius: 0;
  height: auto;
  padding: 8px 20px;
  background: linear-gradient(90deg, #FF7F50 0%, #EB1D78 100%);
}
#video-search-form input{
  border-radius: 0px;
} 
#search-results{
  display: flex;
  flex-wrap: wrap;
}
#search-results > div{
  width: 33.33%;
  padding: 15px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
#search-results div h2 {
  margin-top: 10px;
  font-size: 16px;
}
#search-results div iframe {
  height: 200px;
}
#pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
#pagination #prev-button, #pagination #next-button{
  width: unset !important;
  border-radius: 0;
  height: auto;
  padding: 8px 20px;
  background: linear-gradient(90deg, #FF7F50 0%, #EB1D78 100%);
}
#seek, #volume {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 5px;
  vertical-align: middle;
  border-radius: 20px;
  background-color: #232323;
  outline: none;
}
#seek::-webkit-slider-thumb, #volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
  border-radius: 10px;
  background: #ffffff;
}
#seek {
  display: block;
  width: 230px;
}
.scrollbar::-webkit-scrollbar {
  max-width: 5px;
  max-height: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #333;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.scrollbar::-webkit-scrollbar-track:hover {
  border: 1px solid #000000;
  border-radius: 20px;
  background-color: #232323;
}
@keyframes animate {
  0% {
      background-position: 0 0;
 }
  50% {
      background-position: 400% 0;
 }
  100% {
      background-position: 0 0;
 }
}
/* .elementor-element-7fcd6db{
  display: none;
}
*/

.volume_controls {
  display: inline-flex;
  align-items: center;
}
.playback_controls {
  margin: 25px 0;
}
.volume_controls {
  margin-top: 10px;
}
/*Music end*/

/*biograhy page*/
/*biograhy page end*/
.cstm_font h1 {
font-family: Quentin !important;
}

.cstm_heading h2::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 5px;
  width: 25%;
  background: linear-gradient(90deg, #FF7F50 0%,#EB1D78 100%) !important;
  }
.elementor-element-78d96fd h2:before,
.elementor-element-10f8d75 h2:before,
.elementor-element-4660126 h2:before,
.elementor-element-2208077 h2:before,
.elementor-element-1fd20da h2:before{
  left: 50% !important;
  transform: translateX(-50%);
}
.elementor-element-7369d20 h2:before,
.elementor-element-c9a40cf h2:before,
.elementor-element-58e9057 h2:before,
.elementor-element-28474fc h2:before,
.elementor-element-73adbf2 h2:before,
.elementor-element-4a482b6 h2:before,
.elementor-element-7e64127 h2:before,
.elementor-element-c51a7f4 h2:before,
.elementor-element-f73da40 h2:before,
.elementor-element-c1d004e h2:before{
  left: 50% !important;
  transform: translateX(-50%);
  width: 10% !important;
}
.csmt_test h3{
  position: absolute;
  bottom: 20px;
  right: 60px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
.writtenby{
  font-size: 15px;
  font-weight: 300;
}

.subscribe .tnp-subscription {
  display: flex;
}
.subscribe .tnp-subscription {
  max-width: 60% !important;
}
.subscribe .tnp-field-email {
  width: 70% !important;
  margin-right: 2%;
}
.tnp-subscription div.tnp-field {
  margin-bottom: 0px;
  border: 0;
  padding: 0;
}
.subscribe .tnp-field-button {
  width: 28% !important;

}
.subscribe .tnp-field-button .tnp-button{
  border: 2px solid #FF7F50;
  border-radius: 8px 8px 8px 8px;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #FF7F50;
}
.subscribe .tnp-field-email .tnp-email{
font-family: "Montserrat", Sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
background: white;
border-radius: 8px;
}
.elementor-element-7a54c89 h2:before,
.elementor-element-d4eb50d h2:before{
  left: inherit !important;
}
.elementor-element-5ee6f66 > div,
.elementor-element-da0a20d > div,
.elementor-element-908191a > div,
.elementor-element-dbf0994 > div,
.elementor-element-37ef566 > div{
/* box-shadow: #ffb15045 0px 54px 55px, #ffb15045 0px -12px 30px, #ffb15045 0px 4px 6px, #ffb15045 0px 12px 13px, #ffb15045 0px -3px 5px; */
box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
}

.cstm_video_section .e-tabs-wrapper{
  padding: 20px;
  box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
  margin-right: 20px;
}
.cstm_video_section  .e-tab-title-text{
  white-space: normal !important;
}
.cstm_video_section .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title{
  margin-top: 40px;
}
.cstm_video_section  a{
  text-decoration: none !important;
}

.elementor-element-9f2c628 .elementor-column{
  width: 33.33% !important;
  margin: 10px 0 !important;
  transition: .5s;
}
.elementor-element-9f2c628 .elementor-column:hover{
  box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
}
.elementor-element-9f2c628 > div{
  flex-wrap: wrap !important;
}
.elementor-element-9f2c628 .elementor-column img{
  transition: .5s;
}
.elementor-element-9f2c628 .elementor-column a{
  width: 100%;
  text-decoration: none !important;
}
.elementor-element-9f2c628 .elementor-column:hover  img{
  scale: 1.1;
}
.elementor-element-9f2c628 .elementor-widget-container{
  overflow: hidden;
  border-radius: 7px;
}
.single-post #comments{
  display:none;
}
.single-post  .elementor-element-19b1054 #menu-1-e672ac6 a{
  color: black !important;
}
.single-post  .elementor-element-19b1054 .elementor-element-659bc63 svg{
  fill: #000000 !important;
}
.single-post  .elementor-element-19b1054 #menu-1-e672ac6 a:after{
background: black;
}
.single-post  .elementor-element-19b1054{
background: white;
}
.single-post  .post-navigation a{
  color: black;
  font-weight: 800;
}
.single-post  .post-navigation a:hover{
  color: #EB1D78 !important;
}
.single_artist_playlist .e-tabs-main-area{
  flex-direction: column-reverse !important;
  object-fit: cover !important;
}
.single_artist_playlist iframe{
  min-height: 650px !important;
}
.single_artist_playlist .e-tabs-wrapper{
  width: 100% !important;
  /* margin-top: 186px; */
  padding-top: 20px;
  
}
.single_artist_playlist .e-tabs-main-area {
  height: auto !important;
}

.single_artist_playlist .e-tabs-items-wrapper{
  overflow: inherit !important;
}
.single_artist_playlist  .e-tabs-items-wrapper .e-tabs-items {
  overflow: inherit !important;
}
.single_artist_playlist .e-tabs-items-wrapper .shadow-bottom{
  display: none !important;
}
.single-post  .ast-article-single{
  padding: 0 !important;
}
.single_artist_playlist  .e-tabs-items-wrapper .e-tabs-items .e-tab-title{
margin-bottom: 20px !important;
}
.single_post_cstm_title{
  font-size: 20px;
  padding-left: 50px;
}
/* .elementor-element-d69ec59 > div{

} */
.TIENDA_cstm_subscribe {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 80% !important;
  transform: translateX(-50%);
}
.TIENDA_cstm_box_shadow > div{
  box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
}
.TIENDA_cstm_box_shadow.elementor-element-3dfcc95 > div,
.TIENDA_cstm_box_shadow.elementor-element-05841f4> div{
  box-shadow: none !important;
}

.See_below_text .elementor-icon-box-wrapper{
transform: rotate(90deg);
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
position: absolute;
right: 60px;
bottom: 0px;
}
.See_below_text .elementor-icon-box-wrapper a{
  text-decoration: none !important;
}
.elementor-element-9201d3b.See_below_text .elementor-icon-box-wrapper{
  bottom: 150px !important;
}
.elementor-element-31405ed.See_below_text .elementor-icon-box-wrapper{
  bottom: 150px !important;
}
.wpcf7-submit{
border-radius: 10px !important;
    color: white !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    width: 20%;
    background: linear-gradient(90deg, #FF7F50 0%, #EB1D78 100%) !important;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
  }
  .elementor-element-745bff6 a:after {
    border-color: #ff7f50;
    border-style: solid;
    border-width: 3px;
    content: "";
    height: 100%;
    left: 30px;
    position: absolute;
    top: 20px;
    width: 93%;
    z-index: -1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
/* .elementor-1254 .elementor-element.elementor-element-fe9f552 .elementor-button {
	position: relative;
}
.elementor-1254 .elementor-element.elementor-element-fe9f552 .elementor-button:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, #EB1D78 0%, #FF7F50 100%);
	z-index: 999;
	opacity: 0;
	transition: .5s;
}
.elementor-1254 .elementor-element.elementor-element-fe9f552 .elementor-button:hover:after {
	opacity: 1;
}
.elementor-1254 .elementor-element.elementor-element-fe9f552 .elementor-button span {
	position: relative;
	z-index: 999;
} */
.spotify_heading h2:before{
  content: "";
    position: absolute;
    /* left: 0; */
    bottom: -15px;
    height: 5px;
    left: 50% !important;
    transform: translateX(-50%);
    width: 25%;
    background: linear-gradient(90deg, #FF7F50 0%,#EB1D78 100%) !important;
}
.spotify_section .elementor-column {
  width: 100% !important;
  margin-bottom: 50px;
}
.spotify_section > div{
  flex-wrap: wrap;
  }

@media (max-width:1200px) {
.elementor-element-127c820, .elementor-element-19b1054{
  overflow: inherit;
}
.single-post  .elementor-17 .elementor-element.elementor-element-e672ac6 div.hfe-nav-menu-icon {
  color: #EB1D78;
}
.single-post .elementor-element-19b1054 #menu-1-e672ac6 a {
  color: white !important;
}
.elementor-element-19b1054  > div {
  flex-wrap: nowrap !important;
}
.See_below_text .elementor-icon-box-wrapper{
  bottom: -80px;
}
.elementor-element-9201d3b.See_below_text .elementor-icon-box-wrapper {
  bottom: -180px !important;
  /* z-index: 999999999; */
}
.elementor-element-66d4197.See_below_text .elementor-icon-box-wrapper {
  bottom: -200px;
}
.elementor-17 .elementor-element.elementor-element-c4b600b {
  width: 79% !important;
}
.elementor-element-31405ed.See_below_text .elementor-icon-box-wrapper{
  display: none !important;
}
.spotify_section .elementor-column {
  margin-bottom: 0px;
}

}
@media (max-width:960px) {
  #search-results > div {
    width: 50%;
}
.See_below_text  {
  display: none !important;
}
.csmt_test h3{
  width: 100%;
  right: 40px;
  bottom: -30px;
}
.cstm_page-id-394 .elementor-column.elementor-col-50{
  width: 100%;
}
/* .cstm_page-id-394 h2{
  text-align: left !important;
  margin-top: 20px !important;
} */
.cstm_page-id-394 img {
  height: auto !important;
  width: 100% !important;
}
.elementor-element-bd1d399,
.elementor-element-7275039,
.elementor-element-4b432e4{
  order: 2;
}
.cstm_page-id-255 .elementor-column.elementor-col-50{
  width: 100%;
}
.elementor-element-9f2c628 .elementor-column {
  width: 50% !important;
}
.subscribe .tnp-field-email {
  width: 68% !important;
}
.subscribe .tnp-field-button {
  width: 30% !important;
}
.subscribe .tnp-field-button .tnp-button {
  font-size: 15px;
}
.page .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail i, .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail svg {
  bottom: 12px !important;
  right: 12px !important;
}
.page .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail {
  width: 100% !important;
  height: 100px !important;
}
.page .cstm_video_section .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title{
  flex-direction: column !important;
    height: auto !important;
    margin-top: 10px !important;
}
.page .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail img {
  width: 100% !important;
  height: 100% !important;
}
.cstm_contact_us p{
  margin-bottom: 0em;
}
.single_artist_playlist iframe {
  min-height: 400px !important;
}
.spotify_section h2{
  font-size: 20px !important;
}
}


@media (max-width:767px) {
  .tienda_mobile img{
    height: auto !important;
  }
  #search-results > div {
    width: 100%;
}
  .elementor-element-aea52d9 iframe{
    width: 100% !important;
  }
.elementor-element-9fcdee9 iframe{
  height: 350px !important;
}
.csmt_test h3 {
  bottom: -50px;
}
.subscribe .tnp-subscription {
  max-width: 100% !important;
}
.subscribe .tnp-subscription {
  display: block;
}
.subscribe .tnp-field-email {
  width: 100% !important;
  margin-right: 0%;
}
.subscribe .tnp-field-button {
  width: 100% !important;
  margin-top: 10px;
}
.elementor-element-9f2c628 .elementor-column {
  width: 100% !important;
  box-shadow: 0px 1px 12.87px 0.13px rgba(240, 80, 35, 0.3)!important;
}
.cstm_video_section .e-tabs-wrapper{
       margin-right: 0px; 
}
.cstm_video_section .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title {
  margin-top: 20px !important;
}
.TIENDA_cstm_subscribe{
  bottom: -10px;
  width: 100% !important;
}
.elementor-element-745bff6 a:after{
  top: 10px;
}
.cstm_contact_us .elementor-widget:not(:last-child) {
  margin-bottom: 0px;
}
.wpcf7-submit{
  width: 40%;
}
.single_artist_playlist iframe {
  min-height: auto !important;
}
.single_post_cstm_title {
  font-size: 18px;
  padding-left: 50px;
}
.single_artist_playlist .e-tabs-items-wrapper .e-tabs-items .e-tab-title {
  margin-bottom: 0px !important;
}
.single-post .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tabs-items {
  max-height: inherit !important;
}
.spotify_section .elementor-column {
  width: 100% !important;
}
}