/*!
Theme Name: Campaign Pro Child
Theme URI: https://campaignpro.net/
Author: Going Bold
Author URI: https://goingbold.co.uk/
Template: campaign-pro
Description: The child theme for Campaign Pro, to help you modify CP as needed.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: campaign-pro-child
Tags: accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, translation-ready, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to create an amazing campaign, have fun, and if you need a hand get in touch at 'help@campaignpro.net'.

Campaign Pro is proudly based on lots of awesome open source tech. Please see readme for credits and
other useful information.

Campaign Pro (C) 2017-2018 GoingBold, Ltd.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1 Globals
2 Alert
	2.1 Blocks
	2.2 Typography
		2.2.1 Responsive
3 Take Action
	3.1 Blocks
	3.2 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1 Globals
--------------------------------------------------------------*/
body {
	border: 0;
}

/*--------------------------------------------------------------
2 Alert
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Blocks
--------------------------------------------------------------*/
.cp-alert {
	box-shadow: none;
	color: #1278a9;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: none;
}

.cp-alert:first-child {
	border-top: 0;
}

.cp-alert:before {
	background-position: center -369px;
	width: 36px;
	height: 36px;
	background-color: #1278a9;
}

/*--------------------------------------------------------------
2.2 Typography
--------------------------------------------------------------*/
#content .cp-alert--with-link .p--cp-alert__message {
	text-transform: uppercase;
	line-height: 1.5em;
}

#content .p--cp-alert__link-wrapper {
	background: none;
	margin: 9px -33px;;
}

/*--------------------------------------------------------------
2.2.1 Responsive
--------------------------------------------------------------*/
@media (min-width: 768px) {
	#content .p--cp-alert__link-wrapper {
		margin: 0;
	}
}

/*--------------------------------------------------------------
3 Take Action
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Blocks
--------------------------------------------------------------*/
.cp-action {
	width: 100%;
}

.cp-action:before {
	content: none;
}

/*--------------------------------------------------------------
3.2 Typography
--------------------------------------------------------------*/
#content .cp-action__heading {
	line-height: 1.4em;
}