/* Footer */
.site-footer {
	background-color: RGBA(0,0,0,0) !important;
	display: block !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	border-top: solid;
	border-top-width: 1px;
}

/* About Footer */
.page-id-8 .site-footer{
		background-color: #E2D2C0!important;
	display: block !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	border-top: solid;
	border-top-width: 0px;
}

/*Center Copyright Text Widget */
#text-6 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-top: !important;
	text-align: center;
	padding-bottom: 0px !important;
}

#text-6 p {
	font-size:12px;
font-family: Work Sans;
color: #2b251f;
opacity: 60%;
}

@media only screen and (max-width: 768px) {
#text-6 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 3vh !important;
	margin-top: !important;
	text-align: center;
	padding-bottom: 0px !important;
}
}

@media only screen and (max-width: 768px) { #text-6 p {
		font-size: 10px;
font-family: Work Sans;
color: #2b251f;
opacity: 60%;
}
}

/*Social Icons */
#zoom-social-icons-widget-3 {
	margin: 0 !important;
	height: 5vh;
  transform: translateY(10%);
}

/*Home Page Hide Footer */
.page-id-116 .site-footer {
	display: none !important;
}

/*Contact Page Footer */

.page-id-7 .site-footer {
	background: linear-gradient(0.25turn, #E8D4C0 0, #E8D4C0 50%, #E0CAB5 50%, #E0CAB5 100%) !important;
	background-size: 100%;
	background-repeat: no-repeat;
  background-position: center
}

/*Social Icon */

.zoom-social-icons-widget {
	margin-bottom: 2vh !important;
	margin-top: -1vh !important;
	opacity: 90%;
	filter: brightness(95%) !important;
}


/* Paragraph Styling */
p { 
font-size:14px;
font-family: Work Sans;
color: #2b251f;
line-height: 1.4;
}

/*Site Title Styling*/
.site-title a {
font-family: TiemposLightItalic;
color: #83563B
 !important;
	z-index: 99 !important;
	position: relative;
}

.site-title {
	display: none !important;
	width: 100%;
	font-size: 20px !important;
  text-align: center;
}

/*Home Page Site Title Styling

.page-id-116 .site-title {
	margin-top: 4vh !important;
	color: #EFDECD;
	font-size: 26px !important;
	text-align: center;
}

.page-id-116 .site-title a {
font-family: TiemposLightItalic;
color: #EFDECD !important;
		z-index: 99 !important;
	position: relative;
}*/

/* Heading Styling */

h2 {
font-family: Spock Ultra Light !important;
color: #4A443E;
	font-size: 20px !important;
}

h3 {
font-family: Spock Ultra Light !important;
color: #583926;
}

h4 {
font-family: Raleway !important;
color: #583926;
	font-size: 42px !important;
	font-weight: 300 !important;
}

h5 {
font-family: Lora !important;
font-size: calc(32px) !important;
font-weight: 300 !important;
color: #995436 !important;}

h6 {
font-family: Raleway !important;
color: #995436;
	font-size: 32px !important;
	font-weight: 300 !important;
}

/* Site Header */
.site-branding {margin-bottom: -65px;
z-index: 1 !important;
}

/* New About Page Logo Test*/
.site-header{
position: static !important;
top: 0;
left: 0;
margin-top: 0vh;
margin-bottom: 0vh !important;
width: 100%;
z-index: 99 !important;
/*background-color: #EFDECD*/
}

.site-branding {margin-bottom: 0px;
z-index: 1 !important;
}

.custom-logo-link img {
	display: block !important;
	max-width: 100% !important;
	width: 25% !important;
	margin-top: 10px !important;
	margin-bottom: -6vh !important;
}

@media only screen and (max-width: 768px) {.custom-logo-link img {
	display: block !important;
	max-width: 100% !important;
	min-width: 50% !important;
	margin-top: 10px !important;
	margin-bottom: -6vh !important;
}}

.navbar-nav {
	text-align: center !important;
	align-content: center !important;
	margin-left: 0 !important;
	margin-right: 0;
	margin-top: 1vh !important;
	width: 100%;
}


.site-title {
display: none !important;
}

/* Home Page Logo */

.page-id-116 .custom-logo-link img{
	filter: brightness(250%) grayscale(75%) hue-rotate(340deg);
	display: block !important;
	width: 25%;
	margin-top: 10px !important;
	margin-bottom: -6vh !important;
}

@media only screen and (max-width: 768px)
{.page-id-116 .custom-logo-link img{
	filter: brightness(250%) grayscale(75%) hue-rotate(340deg);
	display: block !important;
	width: 25%;
	margin-top: 10px !important;
	margin-bottom: -6vh !important;
	}}




.page-id-2421 .navbar-nav {
	text-align: center !important;
	align-content: center !important;
	margin-left: 1.3vh !important;
	margin-right: 0;
	margin-top: 1vh !important;
	width: 100%;
}


.page-id-2421 .site-title {
display: none !important;
}

.site-header{
position: absolute;
top: 0;
left: 0;
margin-top: 0px;
width: 100%;
z-index: 99 !important;
/*background-color: #EFDECD*/
}

.navbar-nav {
	text-align: center !important;
	align-content: center !important;
	margin-left: 1.2vw !important;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
}

/*Home Page Nav Bar*/

.page-id-116 .navbar-nav { 
	text-align: center !important;
	align-content: center !important;
	margin-left: 1.2vw !important;
	margin-right: auto !important;
	margin-top: 5vh;
	width: 100%;
}

/*Home Page Nav Links*/
.page-id-116 .menu-item a {
	padding-top: 25px;
	color: #f6ede4 !important;
	font-size: 16px !important;
}

/*Non Home Page Nav Links*/
@media only screen and (min-width: 768px) {
.HomeLink {
 border: 1px solid transparent;
  border-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/02/Header-Border.png) 1 round;	
font-family: "Work Sans";
font-size: 16px;
}


.AboutLink{
 border: 1px solid transparent;
  border-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/02/Header-Border.png) 1 round;
font-family: "Work Sans";
font-size: 16px;
}


.ServicesLink {
 border: 1px solid transparent;
  border-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/02/Header-Border.png) 1 round;
font-family: "Work Sans";
font-size: 16px;
}

.RosterLink {
 border: 1px solid transparent;
  border-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/02/Header-Border.png) 1 round;
font-family: "Work Sans";
font-size: 16px;
}

.ContactLink{
font-family: "Work Sans";
font-size: 16px;
}
}

/* Increase the padding between menu links*/

li { 
    list-style: none; 
    padding:  0 18px; 
    display: inline-block;
}

/* On screens that are between 600 and 1000px wide, reduce the padding between menu links*/

@media only screen and (min-width: 600px) and (max-width: 1000px) {
	li { 
    list-style: none; 
    padding:  0 1px; 
    display: inline-block;
}
}

/*Mobile Menu Icon Styling*/
.icon-bar {
background-color: #995436 !important;
	width: 26px; 
height: 2px !important; 
opacity: 80% !important}

/*Home Page Mobile Menu Icon Styling*/

.page.page-id-116 .icon-bar {
background-color: #EFDECD !important;
	width: 26px; 
height: 2px !important; 
opacity: 80% !important}

/*Mobile Menu*/
@media only screen and (max-width: 768px) {.navbar-nav {
	text-align: right !important;
	align-content: right !important;
	background-color: rgba(130,51,10,.7);
padding: 0px !important;
float: right !important;
width: 50%
}
	.menu-item a {
	color: #f6ede4 !important;
	font-size: 16px !important;
	font-family: "Work Sans";
}

	.page.page-id-116 .navbar-nav {
	text-align: right !important;
	align-content: right !important;
	background-color: rgba(110,51,20,.7);
padding: 0px !important;
float: right !important;
width: 50%;
}
	
	.page-id-116 .menu-item a {
	padding-top: 10px;
	color: #f6ede4 !important;
	font-size: 16px !important;
}
	
}

/* Main Page Top and Bottom Spacing */

.maintopspace {
	margin-top: 12vh;
}

@media only screen and (max-width: 768px) {
	.maintopspace {
	margin-top: 8vh;
}
}


html {
  scroll-behavior: smooth;
}

/* Fade In Animation Code */
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeInDelayed {
0% {opacity: 0;}
40% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeInExtraDelayed {
0% {opacity: 0;}
70% {opacity: 0;}
100% {opacity: 1;}
}

/* Fade Out Animation Code */
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}

/*Home Page Animation*/

/* Applying Fade In Animation to main and subtitle on home page*/
div .maintitle {
  animation-name: fadeIn;
  animation-duration: 5s;
}

div .maintitle2 {
  animation-name: fadeInDelayed !important;
  animation-duration: 5s;
}

div .subtitle {
  animation-name: fadeInExtraDelayed;
  animation-duration: 5s;
}

/* Home Page Slogan Blur Animation

.maintitle  h1 {
  max-width: 40ch;
  text-align: center;
  transform: scale(0.94);
  animation: scale 4s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

span:nth-child(1) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(2) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(3) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(4) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(5) {
  animation: fade-in 0.8s 2.0s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(6) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(7) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(8) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
*/


/*About Page Animation*/

@keyframes slideinleft {
  from {
    margin-left: 100%;
    width: 100%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slideinleftdelayed {
  0% {
    margin-left: 130%;
    width: 100%;
  }

	60% {
    margin-left: 130%;
    width: 100%;
  }
	
  100% {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slideinright {
  from {
    margin-left: -100%;
    width: 100%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slideinrightdelayed {
  0% {
    margin-left: -130%;
    width: 100%;
  }

	60% {
    margin-left: -130%;
    width: 100%;
  }
	
  100% {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes fadeinslideright {
0% {opacity: 0;
	  margin-left: -100%;
    width: 100%;}
100% {opacity: 1;
	    margin-left: 0%;
      width: 100%;}
}

@keyframes slideinup {
  from {
    margin-top: 100%;
    width: 100%;
  }

  to {
    margin-top: 0%;
    width: 100%;
  }
}

div .aboutslogan p {
  animation-name: fadeIn;
  animation-duration: 5s;
}


div .aboutsloganmid {
  animation-name: fadeIn;
  animation-duration: 7s;
}

div .aboutslogan h6 {
	  animation-name: fadeInDelayed;
  animation-duration: 5s;
}

div .about-slogan-top {
  animation-name: fadeIn;
  animation-duration: 5s;
}

div .about-slogan-mid {
	margin-left: 24vw;
	margin-top: -10vh;
  animation-name: fadeIn;
  animation-duration: 7s;
}

/*About Slogan Margin on Mobile and Tablet*/

@media only screen and (max-width: 768px) {
div .about-slogan-mid {
	margin-left: 24vw;
	margin-top: -7vh !important;
  animation-name: fadeIn;
  animation-duration: 7s;
	}}

@media only screen and (max-aspect-ratio: 7/4) and (min-width: 768px){
	div .about-slogan-mid {
	margin-left: 24vw;
	margin-top: -5vh !important;
  animation-name: fadeIn;
  animation-duration: 7s;
	}}


/*Brand Logo Columns on Mobile*/
@media only screen and (max-width: 768px) {
	.brandlogocolumn{
flex-basis:50%!important;
max-width:50%!important;}}

div .about-slogan-midv2 {
	display: none !important;
	margin-left: 24vw;
	margin-top: -80px;
  animation-name: fadeIn;
  animation-duration: 7s;
}

div .about-slogan-bottom {
	margin-left: 23.5vw;
	margin-top: -75px;
  animation-name: fadeIn;
  animation-duration: 9s;
}


div .aboutsloganv2 {
	display: none !important;
}

div .aboutsloganv1 {
	display: none !important;
}


/*div .aboutsloganv3 {
	display: none !important;
}*/


@media only screen and (max-width: 768px) {
	.aboutslogan p {
		line-height: .9;
		margin-bottom: 17px;
	}
	.aboutslogan h6 {
		line-height: !important;
	}
}

div .whoaretext {
	overflow: hidden;
  animation-duration: 2s;
  animation-name: slideinright;
}

div .whoarephoto {
  animation-duration: 2s;
  animation-name: slideinleft;
}

.vc-hoverbox-block {
height: 40vh;
}

div .vc-hoverbox-front-inner h2{
font-size:32px !important;
color: #80563D;
}

/* Make Service Hoverblocks full width on Tablet*/
@media only screen and (max-width: 1000px){
.hovercolumn {
	width: 100% !important;
}}

/*div .ourstory {
	overflow: hidden;
  animation-duration: 2s;
  animation-name: slideinleft;
}*/

.site-content {
	overflow-x: hidden;
	overflow-y: hidden;
}


div .bioimage {
  animation-duration: 2s;
  animation-name: slideinright;
}

div .shoutouts {
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #EDDECE;
	z-index: 99 !important;
}

@media only screen and (max-width: 768px) {
	.shoutouts h6 {
		text-align: center !important;
	}
}

div .vc-hoverbox-front {
	opacity: 1 !important;
	transition: 1s !important;
	transform: rotateX(0) !important;
}

div .vc-hoverbox-front:hover {
	opacity: 0 !important;
}

div .vc-hoverbox-back {
	transform: rotateX(0) !important;
}

div .vc-hoverbox-front {
	opacity: 1 !important;
	transition: 1s !important;
	transform: rotateX(0) !important;
}

div .vc-hoverbox-front:hover {
	opacity: 0 !important;
}


/*Testimonial Slider Formatting*/

div .owl-item {
	/*border-top-color: #FBE6D1;
	border-left-color: #FBE6D1;
	border-right-color: #FBE6D1;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-radius: 50px;*/
}

div .sliderbox {
margin-bottom: calc(-4vh - 20px) !important;
padding-bottom: 0px !important;
border-bottom: 0px !important;
pointer-events: none;
}

div .slider {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-bottom: 0px !important;
}

@media only screen and (max-width: 768px){
  #tss_testimonial{
	width:75vw !important;
    text-align: center;
    font-size: 15px;
	}}

/*Background for Services Page*/
body.page.page-id-123 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 64%, #EEE2D7 64%, #EEE2D7 100%);
	background-size: 100%;
	background-repeat: no-repeat;
  background-position: center;
overflow-x: hidden;}

@media only screen and (max-width: 750px) {
	body.page.page-id-123 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 58%, #EEE2D7 58%, #EEE2D7 100%);
	background-size: 100%;
	background-repeat: no-repeat;
  background-position: center;
overflow-x: hidden;}
}

@media only screen and (max-width: 500px) {
	body.page.page-id-123 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 60.5%, #EEE2D7 60.5%, #EEE2D7 100%);
	background-size: 100%;
	background-repeat: no-repeat;
  background-position: center;
overflow-x: hidden;}
}

/*Background and Lines for Services Slogan*/

div .servicesbox {
	background: #eedbc9; 
	border-top: solid;
	border-bottom: solid;
	border-width: 8px;
	border-color: #CEAE99;
}


#toplineone {
	height: 25px !important;
	width: 2px;
	position: absolute;
	background: #B07E64;
	left: 50%;
	margin-top: Calc(16vh);
}

#toplinetwo {
	height: 20px !important;
	width: 2px;
	position: absolute;
	background: #B07E64;
	left: 50%;
	margin-top: -8px;
}

div .serviceshorizontalline {
	border-top: solid;
	border-width: 10px;
	border-color: #B07E64;
	margin-right: -5%;
	margin-left: -5%;
	margin-top: -50px;
	margin-bottom: 25px;
	opacity: 0%;
}

#bottomlineone {
	height: 20px !important;
	width: 2px;
	position: absolute;
	background: #B07E64;
	left: 50%;
	margin-top: -12px;
}

#bottomlinetwo {
	height: 15px !important;
	width: 2px;
	position: absolute;
	background: #B07E64;
	left: 50%;
}

/*Animation for Services Top*/

div .servicessloganmain {
	animation-name: fadeIn;
	animation-duration: 5s;
}

div .servicessloganbody {
	animation-name: fadeInDelayed;
	animation-duration: 5s;
}

div .influencerservicesmain {
	background-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/01/pexels-godisable-jacob-1191529.jpg);
background-size: 100%;
object-fit: contain;
background-repeat: no-repeat; text-align: center;
opacity: 90%;
}

/*Centering Services Images*/

div .brandserviceimage {
background-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/04/pexels-cottonbro-5052880-cropped-sized-border.jpg);
	background-size: 400px 530px;
	background-repeat: no-repeat;
  height: 599px !important;
	background-position: center center;
}

div .influencerserviceimage {
background-image: url(https://preferencetalentgroup.com/wp-content/uploads/2021/04/iStock-1135059517-sized-border.jpg);
	background-size: 400px 530px;
	background-repeat: no-repeat;
  height: 599px !important;
	background-position: center center;
}

div .influencerserviceimage {
  height: 599px;
  display: flex;
  align-items: center;
  justify-content: center 
}

/*Background for Home Page*/
@media only screen and (max-aspect-ratio: 20/2) {
	body.page.page-id-116 {
	background:
	 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed,
	url(https://preferencetalentgroup.com/wp-content/uploads/2021/03/CenteredCollage2-PS.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow: visible;
animation-name: fadeIn;
	animation-duration: 5s;
  transition: left 0.5s cubic-bezier(.25,0.1,.25,1);
}
}


/*Tablet Background for Home Page*/
@media only screen and (max-aspect-ratio: 7/4) {
body.page.page-id-116 {
	background:
	 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed,
	url(https://preferencetalentgroup.com/wp-content/uploads/2021/04/Untitled-collage-1.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow: visible;
animation-name: fadeIn;
	animation-duration: 5s;
  transition: left 0.5s cubic-bezier(.25,0.1,.25,1);
}
}

/*Mobile Background for Home Page*/
@media only screen and (max-aspect-ratio: 27/20) {
body.page.page-id-116 {
	background:
	 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed,
	url(https://preferencetalentgroup.com/wp-content/uploads/2021/04/mobileCollage2.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow: visible;
animation-name: fadeIn;
	animation-duration: 5s;
  transition: left 0.5s cubic-bezier(.25,0.1,.25,1);
}
}


 /*Mobile Home Page Slogans*/

@media only screen and (max-width: 768px) {
.maintitle {
	padding-bottom: 2vh !important;
	padding-top: 10vh;
}
	.maintitle h1 {
		line-height: .9
	}
		.maintitle2 h1 {
		line-height: .8
	}
	
	.subtitle {
		margin-top: 10vh;
	}
}

@media only screen and (min-width: 768px){
	.subtitle {
		margin-top: 15vh;
	}
}

/*Background for About Page*/


/*body.page.page-id-8  {
background-image: linear-gradient(0.88turn, #ECDBCA, #ECDBCA 50%, #EFDECD 50%, #EFDECD);
    background-size: cover;
    background-repeat: no-repeat;
}*/

body.page.page-id-8 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 23%, #EEE2D7 23%, #EEE2D7 50%, #E0CAB5 50%, #E0CAB5 95%, #DECFBE 95%, #DECFBE 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
}


body.page.page-id-2347 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 23%, #EEE2D7 23%, #EEE2D7 55%, #DECFBE 55%, #DECFBE 76%, #ECE2D7 76%, #DECFBE 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
}

@media only screen and (max-width: 752px){
body.page.page-id-2347 {
 background-image: linear-gradient(0.5turn, #EFDECD 0, #EFDECD 23%, #EEE2D7 23%, #EEE2D7 40%, #DECFBE 40%, #DECFBE 79%, #ECE2D7 79%, #DECFBE 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
	}}

@media only screen and (max-width: 752px){ .vc-hoverbox-front{
	min-height: 45vh;
	}}

@media only screen and (max-width: 752px){ .vc-hoverbox-back{
	min-height: 45vh;
	}}

div .transparentboxtext{
	border-style: solid !important;
	border-width: 1px !important;
	border-color: white !important;
	border-radius: 10px !important;
}

div .transparentboxtext:hover{
	border: none !important;}


body.page.page-id-7 { background-color: #e2cab5;}


/*About Slogan Animation*/
.animate-charcter span:nth-child(2)
{
  background-image: linear-gradient(
    -225deg,
    #422a1c 0%,
    #412A1C 29%,
    #E4B38C 67%,
    #422a1c 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/*Background for Roster Page*/
/*
body.page.page-id-122 {
	background-image: linear-gradient(0.5turn, #FEEDDC, #e2cab5 50%, #e2cab5 50%, #e2cab5);
background-position: 50% 50%; 
background-size: cover;
background-repeat: no-repeat;
background-size: 100%
}
*/
body.page.page-id-122 {
background-color: #FCF7F2;
}

/* Roster Page Logo */

.page-id-122 .site-branding {
	display: none !important;
}

.page-id-122 .site-header {
	position: fixed;
	z-index:999;
}


.page-id-122 .site-footer{
	display: none !important;
}

.page-id-122 {
  scrollbar-width: none !important;
}



/*Tabbed Content Styling for Roster Page*/
.vc_tta-panel-heading {display: none !important}

.vc_tta-tab>a {
	opacity: 0.6;
	background-color: #c9b297 !important;
	border-color: #c9b297!important;
	color: #ffffff
		!important;
	min-width: 5vw !important;
	text-align: center !important;
	padding: 8px 8px !important;
}

.vc_tta-tab {
	margin-left: 0.3vw !important;
	margin-right: 0.3vw !important;
}


.vc_tta-tab.vc_active>a {
	opacity: 1;
	background-color: #c9b297 !important;
	border-color: #f7ede8 !important;
	color: #ffffff
		!important;
}

.vc_tta-tab>a:hover {
	opacity: 1;
	background-color: #edddcb !important;
	border-color: #edddcb !important;
	color: #ffffff !important;
}

@media only screen and (max-width: 768px) {.vc_tta-tab {display: block !important;
	opacity: 1 !important;} }

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel .vc_tta-panel-body {
	transition: none;
}


.vc_tta-panel {opacity: 0;
transition: 2s;}

.vc_tta-panel.vc_active {opacity: 1;
transition: 2s;}


@keyframes panelfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes panelfadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}





.rostergridrow {
	height: 20vh;
}

/*Hover animations and visibility for roster media grid*/

.vc_grid-item-mini.vc_clearfix.vc_is-hover  .vc_gitem-zone.vc_gitem-zone-a {filter: brightness(40%) !important;
transition: 1.5s;}



.vc_grid-item-mini.vc_clearfix  .vc_gitem-zone.vc_gitem-zone-b .vc_gitem-zone-mini .vc_gitem_row.vc_row.vc_gitem-row-position-middle {opacity: 0;}

.vc_grid-item-mini.vc_clearfix.vc_is-hover  .vc_gitem-zone.vc_gitem-zone-b .vc_gitem-zone-mini .vc_gitem_row.vc_row.vc_gitem-row-position-middle {opacity: 1 !important;
transition: 1s;}

.vc_grid-item-mini.vc_clearfix  .vc_gitem-zone.vc_gitem-zone-b .vc_gitem-zone-mini .vc_gitem_row.vc_row.vc_gitem-row-position-bottom {opacity:0;}

.vc_grid-item-mini.vc_clearfix.vc_is-hover  .vc_gitem-zone.vc_gitem-zone-b .vc_gitem-zone-mini .vc_gitem_row.vc_row.vc_gitem-row-position-bottom {opacity: 1 !important;
transition: 1s;}

/*
.vc_gitem-zone.vc_gitem-zone-b .vc_gitem-row-position-bottom {opacity: 1 !important;
transition: 0.5s;}
*/
.rostergridhovertext p {
	font-weight: bold !important;
	color: white !important;
	font-size: 2.3em;
	font-family: "Raleway";
	margin-bottom: 0px !important;
	}

@media only screen and (min-width: 768px) and (max-width: 1000px) {.rostergridhovertext p {
	font-weight: bold !important;
	color: white !important;
	font-size: 1.5em;
	font-family: "Raleway";
	margin-bottom: 0px !important;
	} }



.vc_gitem-align-left a {
	color: white !important;
	font-size: 1.5em;
	font-family: "Raleway";
}

.vc_gitem-align-left a:hover {
	color: #ead2c5 !important;
	text-decoration: none !important;
	font-size: 1.5em;
	font-family: "Raleway";
}
/*Background for Test Roster Page*/
body.page.page-id-3841 {
	background-image: linear-gradient(0.5turn, #FEEDDC, #e2cab5 50%, #e2cab5 50%, #e2cab5);
background-position: 50% 50%; 
background-size: cover;
background-repeat: no-repeat;
background-size: 100%
}

/*Background for Test Home Page*/
@media only screen and (max-aspect-ratio: 20/2) {
	body.page.page-id-2421 {
	background:
	 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed,
	url(https://preferencetalentgroup.com/wp-content/uploads/2021/03/CenteredCollage2-PS.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow: visible;
animation-name: fadeIn;
	animation-duration: 5s;
  transition: left 0.5s cubic-bezier(.25,0.1,.25,1);
}
}


/*Testing for Roster Images*/

/*Blur for Roster Page
div .rostersection {
	filter: blur(3px) brightness(90%);
}*/

div .rosterpic2 {
	filter: 
	brightness(90%);
	transition: 0.3s;
}

div .rosterpic2:hover {
	filter: 
	brightness(110%);
}

div .rosterinfo {
	margin-left: -15px !important;
		transition: 0.5s;
}

div .rosterinfo:hover {
		margin-left: 0px !important;
}

div .rosterinfo:hover h2 {
	font-size: 18pt !important;
	color: white !important;
}

div .rosterinfo {
	filter: 
	brightness(90%);
	transition: 0.3s;
}

div .rosterinfo:hover {
	filter: 
	brightness(110%);
}


.rosterpicj {
	transition: transform 250ms;
	filter: 
	brightness(95%);
	transition: 0.3s;
}

.rosterpicj:hover {
	transform: translateX(-40px) scale(1.1);
	filter: 
	brightness(105%);
	
}

@media only screen and (max-width: 768px) {.rosterpicj:hover {
	transform: scale(1.1);
	filter: 
	brightness(105%);
	
	}}

/*Border for Roster Sections 
div .rostersectiontext {
	border-bottom: dashed;
	border-bottom-color: #efdecd;
	border-bottom-width: 1px;

}
*/
/*Remove Spacing for Mobile Icons*/
@media only screen and (max-width: 768px) {div .iconSpace {
	margin: 0px !important;
	}}

/*Roster Image Order on Mobile*/
@media only screen and (max-width: 767px) {
.rostersection {
display: flex;
flex-direction: column;
}
.rosterpicright {
order: 1;
}

.rosterordertwo {
order: 2;
}
	
.rostersectiontext {
order: 3;
}
	
	.rosterorderfour {
order: 4;
}
	
}

/*Contact Page*/

body.page.page-id-7 {
 background: linear-gradient(0.25turn, #E8D4C0 0, #E8D4C0 50%, #E0CAB5 50%, #E0CAB5 100%);
	background-size: 100%;
	background-repeat: no-repeat;
  background-position: center}


div .brandcontact{
	background: 
 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed, url(https://preferencetalentgroup.com/wp-content/uploads/2021/01/Contact2.jpg);
width: calc(100px + 20vw);
height: calc(100px + 20vw);
margin-left: calc(50% - 100px - 21.5vw);
background-size: 100%;
border-radius: 300px;
background-position: center center; 
background-repeat: no-repeat; text-align: center;
animation-name: fadeIn;
animation-duration: 5s;
	
}



div .influencercontact{
	background: 
 linear-gradient(
      rgba(43, 29, 20, 0.4),
		  rgba(43, 29, 20, 0.4)
    ) fixed,		url(https://preferencetalentgroup.com/wp-content/uploads/2021/01/Contact1.jpg);
width: calc(100px + 20vw);
height: calc(100px + 20vw);
background-size: 100%;
border-radius: 300px;
background-position: center center; 
background-repeat: no-repeat; text-align: center;
margin-left: 3vw;
animation-name: fadeIn;
animation-duration: 5s;
}

@media only screen and (max-width: 752px) {
	.influencerbreaktext {
		margin-bottom: 55px
	}
}

div .justchat {
animation-name: fadeInDelayed;
animation-duration: 5s;
margin-bottom: 10vh;
}


	.justchat {
	margin-bottom: Calc(45vh - 14vw) ! important;
	}


/* Contact Buttons */

.brandemailbutton {
	height: 6vh !important;
	width: 15vw;
	background-color: #EEEEEE;
	border-radius: 50px;
	margin: auto;
	display: flex;
  align-items: center;
  justify-content: center;
	opacity: 95%;
}

.brandemailbutton p {
	font-size: calc(3px + 1vw);
color: #575757;}

.influenceremailbutton {
	height: 6vh !important;
	width: 15vw;
	background-color: #EEEEEE;
	border-radius: 50px;
	margin: auto;
	display: flex;
  align-items: center;
  justify-content: center;
	opacity: 95%;
}


.influenceremailbutton p {
	font-size: calc(3px + 1vw);
	color: #575757;}

.generalemailbutton {
	height: 6vh !important;
	width: 15vw;
	background-color: #EEEEEE;
	border-radius: 50px;
	margin: auto;
	display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;
	opacity: 95%;
}

.generalemailbutton p {
	font-size: calc(3px + 1vw);
	color: #575757;}

/**Form Background Color**/
 
div#contact-form-7 

/** WPFORMS WPFORMSLABEL **/
.contact-form label{
font-family: "raleway";
	font-size: 14px;
	font-weight: 300;
	color:rgb(0, 0, 0)!important;
}

/** WPFORMS Input Textarea **/
.contact-form input, .contact-form textarea{
background-color:rgba(240, 240, 240)!important;
}
 
/** WPFORMS BUTTONCOLOR **/
.contact-form button{
	font-family: "nunito sans";
	font-size: 14px;
	font-weight: 300;
	color:rgb(240, 240, 240)!important;
background-color:rgb(60, 60, 60)!important;
	
}
 

 
/** WPFORMS SUBMITBUTTON Hover **/
button.wpforms-submit:hover{
color:rgb(255, 255, 255)!important;
background-color:rgb(8, 168, 191)!important;
}


.iscroll {
  scrollbar-width: none !important;
}

.iscroll::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background-color: transparent;
    }