/*
Theme Name:     ColorMag-child
Theme URI:      https://themegrill.com/themes/colormag/
Author:         ThemeGrill
Author URI:     https://themegrill.com
Template:       colormag
Version:        1.0
License:        GNU General Public License Version 3
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    colormag

Child-Theme created by Juergen Philipp Juli 2018
 
Werte fuer Farben:
	DMC-Blau: 		#0c4b8e
Menue fuer active:  #0d73b5
*/


/*  changes for Menue und Widgets ausgelagert in additional css vom Theme  */


/* Logo - Ansicht - Einstellungen  */

.inner-wrap   {
	width:   100%;
	max-width: unset;
}

.cm-header-col-1{
flex-direction: row;
flex-basis: 60%;
}

div#cm-site-branding{
display: flex;
align-items: center;
}

/*  changes for blog-postings */

.display-posts-listing .listing-item 
{ 
	margin-top: 20px;
}
.display-posts-listing .listing-item a 
{
	font-weight: 		    bold;
 	color:				   white;
 	background-color:	 #0c4b8e;
	padding-right:           5px;
	padding-left:            5px;
}

.display-posts-listing .listing-item .excerpt a,
.weiterlesen a
{
	font-weight: 		    bold;
 	font-size:           smaller;
	font-style:           italic;
 	color:				   white;
 	background-color:	 #0c4b8e;
	padding-right:           5px;
	padding-left:            5px;
}

.display-posts-listing .listing-item .title
{ 
	padding-right: 5px;
	padding-left:  5px;
}

.display-posts-listing .listing-item .title .date
{ 
	font-weight: 		    bold;
}

.display-posts-listing .listing-item .image
{ 
	padding: 0px;
}
/*---------------------------------------------------------------------------------- 
       my-grid-layout fuer die Bauberichte-Seite  
----------------------------------------------------------------------------------*/
.my-grid-layout .listing-item .excerpt
{ 
	margin:                 30px;
}
.my-grid-layout .listing-item 
{
	padding-top:         10px;
 	padding-bottom:      10px;
 	border-bottom-color: #0c4b8e;
 	border-bottom-width: 2px;
 	border-style:        solid;
}

.my-grid-layout .listing-item a 
{
	font-weight:solid;
  	color:white;
 	background-color: #0c4b8e;
}

.my-grid-layout .author
{
	font-weight: solid;
 	color: white; 
 	font-style: italic;
 	background-color: #0c4b8e;
 	padding-left:  5px;
 	padding-right: 5px;
}

.my-grid-layout .listing-item .readmore 
{ 
 	font-weight:        solid;
 	color:              white;
 	background-color: #0c4b8e;
 	font-style:        italic;
 	font-size:        smaller;
 	padding-left:         5px;
 	padding-right:        5px;
}

.entry-content li
{
	margin-top:                  20px;
	padding-bottom:              10px;
	border-bottom:        2px #0c4b8e;
	border-bottom-style:       dotted;
}

.entry-content li .pst_morel
{
	color:              white;
 	background-color: #0c4b8e;
	padding-left:         5px;
	padding-right:        5px;
}

.lcp_catlist a img
{
	margin-right: 		 10px;
}

blockquote
{
	padding:       5px;
}

/*--------------------------------------------------------------------------------*/

table#links  {
	      border: double #0c4b8e; 
}
table#links td {
            text-align: center;
            font-weight:  bold;
            font-size: large;
            vertical-align: middle;
            border:  0;
}
table#links td#text {
            text-align: right;
}
table#links td#bild {
            text-align: center;
            border:  0;}


/*---------------------------------------------------------------------------------- 
       Aenderungen für Footer
----------------------------------------------------------------------------------*/
.footer-socket-wrapper
{
	padding: 0px 0px 25px;
	background-color:  #0c4b8e;
}
.footer-widgets-wrapper
{
	background-color:  #0c4b8e;
	border-top:        2px solid #0d73b5;
}

.footer-widgets-area
{
	padding-top:    5px;
	padding-bottom: 0px;
}


/*---------------------------------------------------------------------------------- 
       Aenderungen für Kalender
----------------------------------------------------------------------------------*/
.kalNavi
{
	background-repeat: no-repeat;
	background-position: center;
	text-align:         center;
}

.kalNavL
{
	text-align:   center;
}

.kalKnopf
{
	background-repeat: no-repeat;
	background-position: center;
	text-align:         center;
}

table.kalMini
{
	width: 100%;
	font-size: 12px;
}

div.kalTabA
{
	font-size: inherit;
}

/*---------------------------------------------------------------------------------- 
  		changes for Logo   
----------------------------------------------------------------------------------

*/
/********************NEU **************  */
.cm-header-1 .cm-row
{
	flex-direction: column;
	padding: 0px;
	gap: 0px;
}

	div#cm-site-branding
{
	display: flex;
	align-items: center;
}

.cm-header-col-1
{

/*---------------------------------------------------------------------------------- 
  		changes for Menue   
----------------------------------------------------------------------------------*/
.site-header .menu-toggle::before
{
	content: "Menue";
}

#site-navigation, .main-navigation .sub-menu, .main-navigation .children {
  background-color: #0c4b8e;
}

.main-navigation a,
.main-small-navigation a{	
	text-transform: unset;
}
/*
.menu-item
{
	background-color: 	#0d73b5;
}
*/

/********************NEU **************  */


.cm-header .cm-menu-toggle::before
{
	content: "Menue";
}

.cm-header .cm-menu-toggle
{
	color: black;
	width: 150px;
	padding-top: 10px;
	font-weight: bold;
}

.cm-primary-nav li a,
.cm-primary-nav ul li ul li a
{
	color: black;
	text-decoration:none;
	text-transform: unset;	
}

/*  ACHTUNG !!!
 * für Groß/kleinschrift im Menue muß im ORIGINAL CSS in diesem
 * Label text-transform geändert werden*/
.cm-primary-nav a
{
	text-transform: unset;	
}
	

.cm-primary-nav ul  li.current-menu-item
{
	background-color: #dedada;
	text-decoration: none;
  	font-style:bold;	
	color: black;
	text-transform: unset;		
}

.cm-menu-primary-container ul li.current-menu-item a:hover,
.cm-primary-nav li a:hover
{
	background-color: #dedada;
	text-decoration: none;
  	font-style:bold;	
	color: black;
	text-transform: unset;		
}

#menu-item menu-item-type-post_type menu-item-object-page	
{
	text-transform: unset;	
}	
	
/* ENDE changes for Menue*/

/*---------------------------------------------------------------------------------- 
  		changes for Widgets   
----------------------------------------------------------------------------------*/

#secondary .widget-title, .widget-title {
	border-bottom: 1px solid #0c4b8e;
	background-color: 		 #0c4b8e;
	font-size: 				   small;
	margin-bottom:			    15px;
	padding-bottom:				   0;
}

#secondary .widget .widget-title span
{
	background-color: #0c4b8e;
}