/* TEXT SIZE MULTIPLIERS */

	.tx1 {
		font-size:1em;
	}
	
	.tx2 {
		font-size:1.125em;
	}
	
	.tx3 {
		font-size:1.25em;
	}
	
	.tx4 {
		font-size:1.375em;
	}
	
	.tx5 {
		font-size:1.5em;
	}


.make-orange {
	color:#ff7900;
}

.make-blue {
	color:#0275d8;
}



/* RESOURCES PAGE UPDATES*/

.resources-header {
	
}

.resources-header h1 {
	font-size: 50px;
    font-weight: 600;
    letter-spacing: -1.1px;
    margin: 0 0 20px 0;	
}

.resources-header p {
	font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom:0;	
}

.resources-header .img-fluid {
	width:80%;
	margin:0 10%;	
}

@media (max-width: 768px) {

	.resources-header {
		text-align:center;
		padding:0 2em;
	}
	
	.resources-header h1 {
		font-size: 36px;
	}
	
	.resources-header p {
		font-size: 16px;
		font-weight: 400;	
	}
	
	.resources-header .img-fluid {
		
	}
	
}


.resource-template-header .container .row {
	padding:80px 40px;
}

.resource-template-header .container .row h1 {
	color:#fff;
}

.resource-template-header .container .row p {
	color:#fff;
	font-size:125%;
}

@media (max-width: 768px) {
	
	.resource-template-header .container .row {
		padding:30px 0;
	}
	
	.resource-template-header .container .row h1 {
		color:#fff;
	}
	
	.resource-template-header .container .row p {
		color:#fff;
		font-size:110%;
	}		
	
}



.gradient-cover {
	height:80px;
	width:100%;
	background-image: linear-gradient(to top,rgba(250, 250, 250, 1),rgba(255, 255, 255, 0));
	margin-top:-90px;
	margin-bottom: 12px;
	display: block;
    position: relative;
}

.readmore {
	display:block;
	width: 60%;
	margin: 0 20%;
	text-align:center;
	text-transform: uppercase;
	background:#0275d8;
	border-radius:20px;
	font-size:12px;
	color:#fff;
	padding:8px 20px;
}

.readmore:hover {
	color:#fff;
}

@media (max-width: 768px) {

	.readmore {
		width: 80%;
		margin: 0 10%;
	}
	
}


.news-box {
	position: relative;
	background: #fafafa;
	color: #262524;
	border-radius:6px;
	overflow:hidden;
	height:290px;
	box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05)
}

.news-box h3 {
	font-size:26px;
	height:60px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.news-box .text-primary {
	font-size:14px;
}

.news-box p {
	font-size:16px;
	height:104px;
	overflow:hidden;
}

@media (max-width: 768px) {

	.news-box {
		height:auto;
	}
	
	.news-box h3 {
		font-size:22px;
		height:auto;
	}
	
	.news-box p {
		font-size:15px;
		height:auto;
		margin-bottom:12px;
	}	
	
}


/* CAMPAIGN LANDING PAGES - CUSTOM STYLES */


/* THINKSALES */

	.banner .ts-header {
    	padding: 60px 30px 0; }

	.banner .ts-header h1 {
    	font-size:32px;
		text-align:left; }
	
	.banner .ts-text {
		padding-bottom: 13px;
		line-height: 1.5;
		color:#fff;
		text-align:left;
	 }

@media (max-width: 991px) {

	.banner .ts-header {
    	padding: 40px 20px 0px; }

	.banner .ts-header h1 {
    	font-size:34px;
		text-align: center; }
	
	.banner .ts-text {
		padding-bottom:10px;
		font-size:15px;
		line-height: 1.4;
		color:#fff;
		text-align: center;
	 }
	
}


/* LANDING PAGES */

	.banner .hr-header {
    	padding: 40px 30px 20px 0; }

	.banner .hr-header h1 {
    	font-size:40px;
		text-align:left; }
	
	.banner .hr-text {
		font-size:22px;
		padding-bottom: 13px;
		line-height: 1.5;
		color:#fff;
		text-align:left;
	 }

@media (max-width: 991px) {

	.banner .hr-header {
    	padding: 40px 20px 0px; }

	.banner .hr-header h1 {
    	font-size:34px;
		text-align: center; }
	
	.banner .hr-text {
		padding-bottom:10px;
		font-size:15px;
		line-height: 1.4;
		color:#fff;
		text-align: center;
	 }
	 
	 .hr-header .btn {
		 margin:0.5em 15%;
		 display: block;
		 max-width: 70%;
	 }
	
}


.container-shadow {
    background-color: #ffffff;
    box-shadow: 0 0 3px 0 rgba(157, 180, 208, 0.5);
    border-radius: 8px;
    padding-bottom: 30px;
    overflow: hidden;
}



.signup-box {
	margin:-1em 0 1em;
	padding:0.5em 1em;
	border:1px solid #eee;
	border-radius:12px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
	background:#f5f4f4;
	overflow:hidden;
/* 	min-height:430px;	 */
}

.signup-box h4 {
	font-size: 1.3em;
	margin:0.5em 1em;
	font-weight: 500;
	line-height: 1.5;
	color: #445869;
}

.signup-box p {
	font-size:0.9em;
	margin: 15px 0 30px;
}

.signup-box #mc-embedded-subscribe-form {
	background:#f5f4f4;		
}

.signup-box #mc-embedded-subscribe {
	margin: 1em 0!important;
}

#mc-embedded-subscribe {
	display:block!important;
	width:100%!important;
}

.hr-card-menu {
  text-align: center;
  padding-top: 79px; }
  .hr-card-menu h2 {
    color: #044da1; }
  .hr-card-menu p {
    font-size: 18px; }
    .hr-card-menu p a {
      border-bottom: solid 1px #6c849e;
      padding-bottom: 1px;
      color: #6c849e; }
    .hr-card-menu p a:hover {
      text-decoration: none; }
  .hr-card-menu p.card-p-bold {
    font-weight: 400; }
  .hr-card-menu .card-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .hr-card-menu .btn-primary {
    margin-bottom: 74px; }
  .hr-card-menu .cards {
    width: 30%;
    margin:1em 1.66%;
    box-shadow: 0 0 0 1px #d3dce7;
    border-radius: 6px;
    text-align: center;
    overflow:hidden; }
    .hr-card-menu .cards .mini-card-left {
      width: 100%; }
      .hr-card-menu .cards .mini-card-left .header-card {
        color: #445869; }
    .hr-card-menu .cards .mini-card-right {
      width: 100%;
      margin-top: 18px;
      margin-bottom: 17px;
      padding: 0px 36px; }
      .hr-card-menu .cards .mini-card-right .header-card {
        font-size: 18px;
        font-weight: 700;
        color: #445869;
        letter-spacing: -0.4px;
        margin-bottom: 6px; }
      .hr-card-menu .cards .mini-card-right .main-card {
        font-size: 16px;
        margin-bottom: 15px; }
      .hr-card-menu .cards .mini-card-right .btn-primary {
        margin-bottom: 17px; }
        .hr-card-menu .cards .mini-card-right .btn-primary a {
          text-decoration: none; }
  .hr-card-menu .cards:hover {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.15); }
  .hr-card-menu .lines-div {
    margin-left: 46%;
    margin-top: 45px; }
  .hr-card-menu .line-1 {
    float: left;
    width: 10px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #dee9f0;
    margin-right: 3px; }
  .hr-card-menu .line-2 {
    float: left;
    width: 40px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #dee9f0; }
  .hr-card-menu .mini-cards {
    width: 479px;
    margin-top: 35px;
    background: #f5f6f8;
    border-radius: 4px;
    padding-bottom: 20px; }
    .hr-card-menu .mini-cards .mini-cards-header {
      height: 140px;
      border-bottom: 0.4px solid #d3dce7; }
      .hr-card-menu .mini-cards .mini-cards-header .row {
        margin: 0px; }
      .hr-card-menu .mini-cards .mini-cards-header .mini-cards-header-round {
        margin: 30px auto;
        text-align: center; }
      .hr-card-menu .mini-cards .mini-cards-header .header-card {
        text-align: left;
        margin-top: 31px;
        margin-bottom: 8px;
        font-size: 16px;
        letter-spacing: -0.4px;
        font-weight: 700; }
      .hr-card-menu .mini-cards .mini-cards-header .main-card {
        font-size: 14px;
        line-height: 20px;
        text-align: left; }
    .hr-card-menu .mini-cards .footer-receive a {
      float: left;
      margin: 13px 33px 0 19px; }
    .hr-card-menu .mini-cards .footer-receive a + a {
      margin-right: 0; }
    .hr-card-menu .mini-cards .mini-cards-footer {
      margin-top: 16px; }
      .hr-card-menu .mini-cards .mini-cards-footer .nav-item {
        font-size: 14px;
        color: #ff7900;
        font-family: "Open Sans", sans-serif;
        font-weight: 600; }
        .hr-card-menu .mini-cards .mini-cards-footer .nav-item .img-sx {
          position: relative;
          top: 2px; }
        .hr-card-menu .mini-cards .mini-cards-footer .nav-item .img-sx2 {
          position: relative;
          top: 13px; }


@media (max-width: 1024px) {
	
	.hr-card-menu .cards {
		width:32%;
		margin:1em 0.66%;
	}
	
	
	
}

@media (max-width: 768px) {
	
	.hr-card-menu .cards {
		width:100%;
		margin:0.5em 0;
	}	
	
	
	
}




/* Case Study Icons Animations */

.cs-zoom {
  transition: transform .2s; /* Animation */
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.cs-zoom:hover {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-filter: grayscale(0) !important;
  filter: grayscale(0) !important;
}
=======
/* ZAPIER */

.zap-intro {
	color:#fff;
	font-size:1.25em;
	line-height:1.5em;
}



/* LOGO GUIDELINES PAGE */

	.guidelines-hero {
		margin:30px 0;
		padding:30px;
	}

	.guidelines-box {
		width:100%;
		border:1px solid #ccc;
		border-radius: 6px;
	}
	
	.guidelines-info {
		margin:1em;
		font-size:0.9em;
	}
	
	.wrong-colour-1 {
		background-color:#59C3C3;	
	}
	
	.wrong-colour-2 {
		background-color:#F45B69;	
	}
	
	.right-colour-1 {
		background-color:#F47920;	
	}
	
	.right-colour-2 {
		background-color:#414042;	
	}

	.guidelines-logo-holder {
		width:100%;
		margin:40px 0;
		padding:30px 15%;
		text-align:center;
	}
	
	.guidelines-space {
		background-color:#F4E9F0;
	}
	
	.guidelines-logo {
		width:100%;
	}
	
	.guidelines-logo-wrong {
		width:60%;
		height:36px;
	}
	
	.usage {
		margin:40px 0;
		padding:30px 15%;
		text-align:center;
		font-size:1.3em;
		line-height:30px; 
	}
	
	.usage.yes {
		color:#5cb85c;
	}
	
	.usage.no {
		color:#f0ad4e;
	}



/* Case Study Icons Animations */

.cs-zoom {
  transition: transform .2s; /* Animation */
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.cs-zoom:hover {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-filter: grayscale(0) !important;
  filter: grayscale(0) !important;
}



/* SMS Best Practises Page */

.best-practise-top {
	background:#f2f2f2;
	padding:50px 0 80px;
	font-size:18px;
}

.best-practise-top p {
	font-size:18px;
}

.best-practise-cards {
	margin-top: -60px;
}

.best-practise-content {

}

.best-practise-content h2 {
	color:#ff7900!important;
}

.best-practise-table {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em;
	color: #6c849e;
}

.best-practise-table tr td {
	border:1px solid #eee;
	padding:16px;
	vertical-align: top;
	font-size: 0.8em;
}

.best-practise-table thead {
	background:#0275d8;
	font-size: 1.2em;
	line-height:150%;
	font-weight: 300;
	color:#fff;
	vertical-align: middle;
	text-align:center;
}



/* STOP SMS Page */

#stop-spam-messages .primary-table {
	width:100%;
	table-layout:auto;
	border-collapse: separate;
    border-spacing:6px;
}

#stop-spam-messages .primary-table pre {
	white-space:normal;
}

#stop-spam-messages .primary-table thead tr th {
	padding:1.5em;
}

#stop-spam-messages .primary-table thead tr th:nth-child(1) {
	width:30%;
}

#stop-spam-messages .primary-table thead tr th:nth-child(2) {
	width:70%;
}

#stop-spam-messages .primary-table tbody tr td {
	padding:0.5em 1.5em;
	margin:0.25em 0;
}

#stop-spam-messages .primary-table tbody tr td:nth-child(1) {
	font-size:90%;
	color:#ff7900;
}

#stop-spam-messages .primary-table tbody tr td:nth-child(2) {
	overflow: visible;
	white-space: normal;
	border:1px solid #eee;
	border-radius:6px;
	margin:0.25em 0;
	background:#f5f5f5;
}

#stop-spam-messages .primary-table .messageBody {
	cursor:pointer;
}


/* STOP SMS Page Popup */

.featherlight .featherlight-content {
	position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width:900px;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
    border:5px solid #efefef;
    border-radius:6px;	
}

#stop-spam-details form {
	display:inline-block;
}

#stop-spam-details .label {
    font-size: 1em;
    font-weight:600;
    line-height: 1.5;
    color: #6c849e;	
}

#stop-spam-details .label2 {
	font-size: 90%;
    color: #ff7900;	
}


#stop-spam-details .blockable, #stop-spam-details .not-blockable {
	font-size: 90%;
	border:1px solid #ddd;
	border-radius:6px;
	padding:2em 1em;
	background:#efefef;
}

#stop-spam-details .blockable span {
	margin:0 0 1em;
}

#stop-spam-details .blockable textarea {
	margin:1em 0;
}


/* Pricing Page Update */

.pricing-breakdown {
	font-size:18px;	
}

.pricing-breakdown span {
	color:#ff7900;
	font-weight:600;
}

/* New pricing Nav */

.new-pricing-nav .nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
}

.new-pricing-nav .nav-link {
	flex-grow: 1;
	border:1px solid #0275d8!important;
	font-size:16px;
}

.new-pricing-nav .nav-pills .nav-link.active {
	color: #0275d8!important;
	background-color: #fff;
	border:1px solid #0275d8!important;
}


/* NEW NAV ICONS */

.circle1 {
	border: 2px solid #eee;
	background:#f47920;
	border-radius:100px;
}

.dropdown-item:hover .circle1 {
	background:#0275d8;
}



.covid-message {
	display:inline;
}

.send-web-text .covid-message {
	display:none;
}





/* Newsletter Banner */

@media (max-width: 768px) {

	.newsletter {
		padding:30px;
		margin:0;
	}
	
	.newsletter h2  {
		margin: 15px 0 10px;
		font-size:26px;
	}
	
	.newsletter h3   {
		margin: 0 0 14px;
		font-size:22px;
	}

	.newsletter .btn-primary {
		display:block;
		margin:0 0 15px;
	}
	
}

/* Networks Section on Mobile */

@media (max-width: 768px) {

	.Network-block-container {
		
	}
	
	.Network-block-container h2 {
		padding:20px 0
	}
	
	.Network-block-container .container .row {
		margin:0 60px 15px;
	}
	
	.Network-block-container .row .col-sm-6 {
		margin:0 0 15px;
	}
	
	.Network-block-container .row .col-sm-6 .country-name {

	}
	
	.Network-block-container .test-network {
		padding: 20px;
	}
	
	.Network-block-container .test-network .btn-primary {
		margin:10px 0;
		display:block;
	}
	
	.card-menu .mini-cards .mini-cards-header .header-card {
		text-align:center;
	}
	
	.card-menu .mini-cards .mini-cards-header .main-card {
		text-align:center;
	}

}


/* Dropdown Nav Improvements */

@media (max-width: 768px) {

	.navbar-collapse {
		padding:20px;
	}

	.nav-bottom .navbar-light .navbar-nav .nav-link {
		text-align: center;
		font-size:16px;	
		padding:6px;
	}

	.nav-bottom .navbar-light .navbar-nav .nav-item .btn {
		display: block;
		margin: 8px;
	}
	
	.nav-bottom .dropdown-item {
	    padding: 10px;
	}
	
	.nav-bottom .dropdown-item .circle1 {
	    width:50px;
	    height:50px;
	}
	
	.nav-bottom .text-box {
	    padding: 0px 0px 0px 10px;
	}
	
	.nav-bottom .text-box h2 {
	    font-size:14px;
	}
	
	.nav-bottom .text-box p {
	    font-size:13px;
	}
	
	.solution-options, .dev-options, .resource-options {
		background:#f9f9f9;
	}
	
}



/* Integration Pages */


.dots-pattern-blue-bg {
	background:#0082ca;
	background-image: url(/images/integrations/pattern.png); /* fallback */
	background-image: url(/images/integrations/pattern.png), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(/images/integrations/pattern.png), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(/images/integrations/pattern.png), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(/images/integrations/pattern.pngg), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(/images/integrations/pattern.png), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(/images/integrations/pattern.png), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
}

.resource-template-content p.quoted-text {
	font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    font-style: italic;
}

