/*
 Theme Name:   Generatepress Child
 Description:  Child theme for Generatepress
 Template:     generatepress
 Version:      1.0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  generatepress-child
*/

* {
    box-sizing: border-box
} 


body, .site-header { background-color: #eaf4f4; }

h2 { font-weight: 400; line-height: 1.4em; }
h3 { font-weight: 600; }

.site-header { 
	background-image: url(http://spuassistans.se/wp-content/themes/generatepress-child/image/spuassistans_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-header .header-image {
    width: 400px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0px 15px 7px 15px;
    border-radius: 15px;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: #eaf4f4;
}

.main-navigation li { background-color:  #232d41; }
.main-navigation, .main-navigation ul ul { background-color: #232d41; }
.main-navigation .main-nav ul li a { 
	background-color:  #232d41; 
	color: #fff; 
	font-size: 100%; 
	font-weight: 400; 
	margin-left: 0px;
    border-radius: 6px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a { background-color: #364564; }

.red-button a {  background: rgba(255, 75, 65, 1.0) !important; color: #fff !important; }
.red-button a:hover {  background: rgba(255, 75, 65, 0.8) !important; }
.blue-button a { background: rgba(35, 45, 65, 1.0) !important; color: #fff !important; }
.blue-button a:hover { background: rgba(35, 45, 65, 0.8) !important; }
.blue-light-button a { background: rgba(63, 118, 172, 1.0) !important; color: #fff !important; }
.blue-light-button a:hover { background: rgba(63, 118, 172, 0.8) !important; }
.dark-button a { background: rgba(63, 63, 63, 1.0) !important; color: #fff !important; }
.dark-button a:hover { background: rgba(63, 63, 63, 0.8) !important; }

.contact-button a { background: rgba(255, 75, 65, 1.0) !important; color: #fff !important; }
.contact-button a:hover {  background: rgba(255, 75, 65, 0.8) !important; }
.contact-button .menu-image { vertical-align: top; margin-top: 6px; }


.text-button-red, .text-button-blue, .text-button-dark { padding: 0.8em 1.4em 0.8em 1.4em; border-radius: 6px; margin: 5px 10px 5px 10px; display: inline-block; white-space: nowrap; color: #fff !important; font-weight: 600; }
.text-button-red:hover, .text-button-blue:hover, .text-button-dark:hover { color: #fff; opacity: 0.8; }
.text-button-red { background: rgba(255, 75, 65, 1.0); color: #fff; }
.text-button-blue { background: rgba(35, 45, 65, 1.0); color: #fff; }
.text-button-dark { background: rgba(63, 63, 63, 1.0); color: #fff; }
.text-button-center { position: relative; left: 50%; transform: translateX(-54%);  }
.text-button-full-width { width: 100%; text-align: center; margin: 15px 0 0 0; }

.entry-title { text-align: center; }

.card-text { min-height: 150px; }

.color-red { color: #ff4b41; }

ol.numericlist { list-style: none; counter-reset: li; margin-left: 20px; }
ol.numericlist li {counter-increment: li; }
ol.numericlist li::before {content: counter(li); color: red; font-weight: 600; display: inline-block; width: 1em; margin-left: -1.5em; margin-right: 0.5em; text-align: right; direction: rtl }

ul.checklist, ul.checklist-arrow, ul.checklist-arrow-blue { list-style-type: none; padding: 0; margin-left: 5px; }
ul.checklist li { background: url('/wp-content/themes/generatepress-child/image/icon_checklist.png') no-repeat left 10px; padding-left: 34px; padding-top: 3px; }

ul.checklist-arrow li { background: url('/wp-content/themes/generatepress-child/image/icon_checklist_arrow.png') no-repeat left 10px; padding-left: 34px; padding-top: 3px; }
ul.checklist-arrow-blue li { background: url('/wp-content/themes/generatepress-child/image/icon_checklist_arrow_blue.png') no-repeat left 10px; padding-left: 34px; padding-top: 3px; }

ul.checklist-spacing, ol.checklist-spacing li { margin-bottom: 20px; }

.header-image-page img { display: block; margin: 0 auto; width: 70% !important; }

.site-footer .site-info { background-color: #374155; border-radius: 6px; }

.submit-button-red { background: rgba(255, 75, 65, 1.0) !important; color: #fff !important; border-radius: 6px !important; }

@media (max-width: 768px){
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header { padding: 10px; }
	
	.main-navigation .main-nav ul li a { margin-left: 0px; }
	.contact-button .menu-image-title { display: inline-block; margin-right: 20px; }
	.contact-button .menu-image { width: 23px; height: 26px; vertical-align: top; margin-top: 12px; }
	
	.copyright-bar div { width: 100% !important; }
	
	.right-image figure { float: none; text-align: center; width: 100%; }
	
	.header-image-page img { width: 100% !important; }
	
	
	.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull { margin-left: 0px; max-width: calc(100%); }
	
}