/* CSS Document */
body {
  min-height: 75rem; /* Can be removed; just added for demo purposes */
}

.bleed, .bleed-full, .bleed-wide {margin: 0px; padding: 0px;}
.bleed-left {margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 15px;}
.bleed-right {margin-left: 0px; padding-left: 15px; margin-right: 0px; padding-right: 0px;}

.bleed-wide > div.row {margin: 0px; padding: 0px;}

select.form-select {
	font-size: 1rem;
}

.inputGroup-sizing-lg select.form-select.form-select-lg {

	padding: 0 1rem;
	font-size: 1.25rem;
	border-radius: 0.3rem;
}

.inputGroup-sizing-lg select.form-select.form-select-lg option {
	padding-right: 2rem;
}

.navbar {
  margin-bottom: 0px;
  padding: 0px;
}

.navbar-brand {padding: 0px;}

.navbar-nav > .menu-item > .nav-link {margin-left: 0px; padding-left: 0px; padding-right: 1rem; padding-top: 0px; padding-bottom: 0px; }

.wp-admin input[type=file] {
	padding: 0.375rem 0.75rem !important;
}

.carousel-inner {
	min-height: 450px;
	/* height: 400px; */
	min-width: 100%;
	width: 100%;
	
		
}

.carousel h1 {
	font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: bold;	
}

.carousel .lead {
	font-weight: bold;	
}

.carousel-caption {
	position: relative;
	color: #000;	
	padding-top: 25px;
	left: 0px;
	right: 0px;
	
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  background-color: rgba(255,255,255,.3);
  min-height: 415px;
}

.jumbotron .btn-lg {margin-bottom: 1rem;}

.jumbotron p:last-child {
  margin-bottom: 0px;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 90%;
}

#carousel .mugshot {
	width: 100px;
	height: 100px;	
}

.album {
  min-height: 50rem; /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.btn-xs {
	font-size: .7rem;	
}



/*
.card {
  float: left;
  width: 33.333%; 
  width: 100%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}
*/
.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 1rem;
}
#sidebars .card-text { font-size: inherit; }

.card-title {
	margin: 0px;
}

/*
footer {
  padding-top: 15px;
  padding-bottom: 15px;
}

footer p {
  margin-bottom: .25rem;
}
*/
.font-tx { font-size: .5em; }
.font-xs { font-size: .75em; }
.font-sm { font-size: .85em; }
.font-md { font-size: 1.15em; }
.font-lg { font-size: 1.25em; }
.font-xl { font-size: 1.35em; }
.font-xxl { font-size: 1.5em; }

.navbar-list, .navbar-expand.navbar-list .navbar-nav {
		-webkit-box-orient: vertical;
		display: -webkit-box;
		flex-direction: unset;
}

.navbar-list { padding: 0px !important; }
.navbar-list.bleed-right .navbar-link { text-align: right; }
.navbar-list .navbar-nav .nav-item .nav-link { padding: 0px; }
.icon-label {padding: 0px .5rem;}
.feature-icon {font-size: 1.75em; vertical-align: middle;}


#compare-2 div.wrc_pricing_table div.package_details a.feature_yes:before, div.wrc_pricing_table div.package_details a.feature_no:before {
	height: auto !important;
	width: auto !important;	
}

#compare-2 div.wrc_pricing_table div.package_caption li,
#compare-2 div.wrc_pricing_table div.package_details li  
{
	height: 70px !important;


} 
#compare-2 div.wrc_pricing_table div.package_caption li {
	padding: 10px !important;	
	line-height: 1.2em !important;

}

#compare-2 div.wrc_pricing_table div.package_caption li .caption {
	font-size: 1.1rem !important;
	
	font-weight: 900 !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	
	display: inline-block;
	vertical-align: middle;
}
#compare-2 .feat_cap {
	font-size: 2rem !important;
}
#compare-2 div.wrc_pricing_table .package_details .feature_style_1 .feat_cap,
#compare-2 div.wrc_pricing_table .package_details .feature_style_1 a {
	 /* older webkit */
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: center;

    /* older firefox */
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;

    /* IE10*/
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;

    /* newer webkit */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: center;

    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
}
div.wrc_pricing_table div.package_details a:before {
	background-image: none !important;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: 2.5em;
}

div.wrc_pricing_table div.package_details a.feature_yes:before {
	
	content: "\f058";
    color: rgba(0,100,0,.5);

}

div.wrc_pricing_table div.package_details a.feature_no:before {

	content: "\f057";
    color: rgba(255,0,0,.5);

}

#compare-2 .pricing_table_plan,
#compare-2 .pricing_table_button { display: none; }

#features .card-deck .card.feature-card {
	
	margin-bottom: 3rem;
}
#features div {
	background-color: transparent;
	border: none !important;
}
#features .card-body {
	padding-top: 0px;
	padding-bottom: 0px;	
	font-size: 1.75rem;
	font-weight: bold;
}

#features .card-header {
	font-size: 	1.5rem;
	font-weight: bold;
}

#features .card-footer {
	text-align: center;	
	margin-bottom: 2rem;
}


#trial .card-footer {
	text-align: center;	
}


#cci_featured_cartoonists figcaption {font-size: .75rem; font-weight: bold;}
NAV.bs-pagination {width: 100% !important;}
NAV.bs-pagination UL.pagination {margin-bottom: 0px;}
NAV.bs-pagination .pagination-lg .page-item { min-width: 2.75rem; font-size: 1.25rem !important;}
NAV.bs-pagination .pagination-lg .page-link { text-align: center; font-size: 1.25rem !important;}
NAV.bs-pagination .pagination-lg .page-link.small { font-size: .75rem !important; height: 100%; line-height: 2.5;}
.col-300 {min-width: 300px; max-width: 300px; width: 300px;}
.col-250 {min-width: 250px; max-width: 250px; width: 250px;}
.col-225 {min-width: 225px; max-width: 225px; width: 225px;}

.btn-standard {
  background-color: hsl(0, 71%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#660033", endColorstr="#33001A");
  /*background-image: -html-gradient(linear, left top, left bottom, from(#660033), to(#33001A));*/
  background-image: -moz-linear-gradient(top, #660033, #33001A);
  background-image: -ms-linear-gradient(top, #660033, #33001A);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #660033), color-stop(100%, #33001A));
  background-image: -webkit-linear-gradient(top, #660033, #33001A);
  background-image: -o-linear-gradient(top, #660033, #33001A);
  background-image: linear-gradient(#660033, #33001A);
  border-color: #33001A #33001A hsl(0, 71%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
.btn-sm.btn-standard {
	font-size: .65rem;
	text-transform: uppercase;	
}
.btn-sm.btn-standard i.fas {
	font-size: .8rem;
	padding-left: .25rem;	
}

.modal-sm {
	/*margin-left: 45%;*/
	max-width: 650px;	
	margin: 0 auto !important;
	left: calc(50% - 325px);
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

.toggle.disabled,
.btn-email-delivery-toggle:disabled, 
.btn-email-delivery-toggle:disabled ~ .toggle-group,  
.btn-email-delivery-toggle:disabled ~ .toggle-group > label.btn { 
	background-color: #A8A8A8;
	border-color: #818181;
	cursor: not-allowed !important; 
}
.badge a:link,
.badge a:visited { color: white; font-size: .9rem; font-weight: normal;}
.badge a:hover {text-decoration: none;}

.badge-primary {
    background-color: rgba(71,93,134,.9);
    border: 1px solid rgba(71,93,134,.2);
    color: #fff;
}
.badge-primary:hover {
    background-color: rgb(58,76,119);
    color: yellow;
}

.form-control.text-xsm {
	font-size: .75rem !important;
}

.step-progress-container {
	display: flex;
	align-items: center;
	margin-top: 2.5rem;
}

.steps {
	display: flex;
	align-items: center;
	margin-left: 1.5rem;
}

.steps .line{

	width: 6vw;
	height: 6px;
	background: #660033;
}


.steps .step{

	display: flex;
	background-color: #660033;
	color: #fff;
	font-size: 1.25rem;
	width: 3rem;
	height: 3rem;
	align-items: center;
	justify-content: center;
	border-radius: 50%;

}

.step label {
	position: relative;
	top: -2.5rem;
	color: #000;
	font-weight: bold;
}

#progress_step_start.step,
#progress_step_start + .line,
.step.complete {
	background-color: green;
}

.step.active {
	background-color: #fff;
	color: black;
	font-weight: bold;
	border-left-color: green;
	border-left-width: 5px;
	border-left-style: solid;
	border-right-color: #660033;
	border-right-width: 5px;
	border-right-style: solid;
}


.form-switch .form-check-input {
    width: 2em !important;
    margin-left: -2.5em !important;
    background-position: left center !important;
    border-radius: 2em !important;
    transition: background-position .15s ease-in-out !important;
}


.bg-yellow {
	background-color: yellow !important;
}

.nmt-1 { margin-top: -16px !important; }
.nmt-2 { margin-top: -24px !important; }
.nmt-3 { margin-top: -32px !important; }
.nmt-4 { margin-top: -40px !important; }
.nmt-5 { margin-top: -48px !important; }
.nmt-6 { margin-top: -56px !important; }

.fs-1rem, .fs-1rem p {
	font-size: 1rem !important;
}

.float-right {
	float: right !important;
}

.float-left { float: left !important;}

.toast{
	z-index: 99999 !important;
}

.wp-admin .toasts-container {
	position: fixed !important;
	top: 2rem;
	right: 1rem;
	z-index: 999999 !important;
}
.bg-dark.bg-black,
.bg-black {
	background-color: #000 !important;
}

.w-content {
	width: auto !important;
	max-width: fit-content !important;
}

.small {font-size: .65rem !important;}
.vam {vertical-align: middle !important;}

.btn-xsm {
    font-size: .7rem;
    font-weight: bold;
}

.form-floating > .form-control::placeholder {
    color: revert;
}

.form-floating > .form-control:not(:focus)::placeholder {
    color: transparent;
}

.nav.nav-tabs .nav-link {
    padding: .5rem 1rem;
}