/*
Theme Name:     Success Child
Theme URI:      http://www.commercegurus.com/themes/success-theme/
Description:    Child theme for Success
Author:         CommerceGurus
Author URI:     http://www.commercegurus.com
Template:       success
Version:        1.0.1
*/


/* Your css goes here */
.x-topbar
{
	background-color: rgb(192, 45, 28);
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: Hind;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
min-height: 46px;
padding-bottom: 6px;
padding-top: 6px;
padding-left: auto;
padding-right: auto;
position: relative;
text-size-adjust: 100%;
z-index: 1031;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.left-prt
{
	box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
float: left;
font-family: Hind;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 34px;
line-height: 26px;
text-size-adjust: 100%;
	width:350px;
}

.p-info
{
	box-sizing: border-box;
color: rgb(255, 255, 255);
display: block;
float: right;
font-family: Hind;
font-size: 18px;
font-style: normal;
font-weight: 400;
height: 28px;
letter-spacing: normal;
line-height: 23.4px;
margin-block-end: 3px;
margin-block-start: 3px;
margin-bottom: 3px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 3px;
text-size-adjust: 100%;
}

.x-topbar-inner.x-container.max.width{
	box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: Hind;
font-size: 16px;
font-style: normal;
font-weight: 400;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
max-width: 1050px;
text-size-adjust: 100%;
width: 1050px;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

i.fa {
color: rgb(255, 255, 255);
font-size:25px;

}

button.btntop 
{
	align-items: flex-start;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(192, 45, 28);
color: rgb(192, 45, 28);
cursor: pointer;
font-family: hind;
font-size: 18px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-weight: 700;
height: 34px;
letter-spacing: normal;
line-height: 18px;
margin: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 6px;
padding-left: 16px;
padding-right: 16px;
padding-top: 10px;
text-align: center;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-size-adjust: 100%;
text-transform: none;

}

.right-prt 
{
	box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
float: right;
font-family: Hind;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 34px;
line-height: 26px;
text-size-adjust: 100%;

}
.x-social-global
{
	box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 0px;
line-height: 26px;
}

.cg-menu-below {
    height: 150px;
}

@media only screen and (min-width: 1100px)
{
.cg-menu-below {
    height: 150px;
}
}

@media only screen and (min-width: 1100px){
body #wrapper {
    padding-top: 150px;
}
	}

@media only screen and (max-width: 1050px){
	.left-prt
	{ float:none;}
	.right-prt {float:none;}
	
}
/* =========================================
   TOP BAR: keep phone + buttons on one line
   Buttons wrap to 2 lines only when needed
   (does NOT touch logo/menu white space)
   ========================================= */

.x-topbar .x-topbar-inner.x-container.max.width{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Left side (phone + icons): keep it stable */
.x-topbar .left-prt{
  float: none !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto;            /* don't let buttons push it away */
}

.x-topbar .p-info{
  float: none !important;
  height: auto !important;
  margin: 3px 0 !important;
  white-space: nowrap;       /* stay on one line when possible */
}

/* Right side: buttons can wrap into 2 lines */
.x-topbar .right-prt{
  float: none !important;
  height: auto !important;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;

  flex: 0 1 auto;
  flex-wrap: wrap;                           /* allow 2nd line */
  max-width: calc(100% - 380px);             /* reserves room for phone */
}

.x-topbar .right-prt .btntop{
  margin: 0 !important;
  white-space: nowrap;
  font-size: 16px;                           /* slightly smaller to fit cleaner */
  padding: 7px 12px;
}

/* On smaller screens, let the right side take full width and center nicely */
@media (max-width: 1050px){
  .x-topbar .x-topbar-inner.x-container.max.width{
    flex-wrap: wrap;
  }
  .x-topbar .right-prt{
    max-width: 100%;
    justify-content: center;
  }
  .x-topbar .p-info{
    white-space: normal;                     /* phone can wrap on small screens */
  }
}

/* === Make top bar buttons more compact so they fit === */
.x-topbar .right-prt .btntop {
  font-size: 14px;          /* was 18px */
  padding: 6px 10px;        /* was 10px 16px */
  height: 32px;             /* slightly shorter */
  line-height: 16px;
}