/*
* Theme Name: CCS-APC
* Theme URI: https://creativeapps.fr
* Author: Creative Apps
* Author URI: https://creativeapps.fr
* Description: Custom theme based on twenty-twenty-two theme.
* Requires at least: 5.9
* Tested up to: 6.0
* Requires PHP: 5.6
* Version: 1.1.0
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: ccsapc
* Domain Path: /languages
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--small);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--small);
	padding-left: var(--wp--custom--spacing--outer);
}

/* Custom style for CCS-APC */

@media (min-width: 782px){
	.general-team .wp-block-columns .wp-block-column.text-first{
		order: -1;
	}
}
@media (max-width: 781px){
	.general-team .wp-block-columns .wp-block-column{
		padding-right: var(--wp--custom--spacing--small);
		padding-left: var(--wp--custom--spacing--small);
	}
  .wp-block-navigation {
    padding-top: var(--wp--custom--spacing--small);
    padding-bottom: var(--wp--custom--spacing--small);
    padding-right: var(--wp--custom--spacing--small);
    padding-left: var(--wp--custom--spacing--small);
  }
  .wp-block-group p {
    padding-right: var(--wp--custom--spacing--small);
		padding-left: var(--wp--custom--spacing--small);
  }
  .wp-block-group h3 {
    padding-right: var(--wp--custom--spacing--small);
		padding-left: var(--wp--custom--spacing--small);
  }
}

.wp-block-cover__inner-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}

.wp-block-cover__inner-container .wp-block-post-title{
  background-color: var(--wp--preset--color--tertiary);
  display: inline-block;
  padding: min(1rem, 4vw);
  margin: 0;
}

.wp-block-cover__inner-container .wp-block-post-title:hover{
  opacity:0.90;
}

.wp-block-cover__inner-container .wp-block-post-title a{
  color: var(--wp--preset--color--background);
  text-decoration: none;
}

.no-gap{
  margin-block-start: 0!important;
}

.wp-block-cover__background {
	opacity: 1!important;
}

.wp-block-cover__background:has(+ .wp-block-cover__image-background) {
	opacity: 0.4!important;
}

/**
*Creativeapps temporary hack for
* cover block becomes black box 
**/
.wp-block-cover-image.has-background-dim:not([class*=-background-color]), 
.wp-block-cover-image .has-background-dim:not([class*=-background-color]), 
.wp-block-cover.has-background-dim:not([class*=-background-color]), 
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background-color: unset;
}
/**
*Creativeapps custom single post featured image and title
**/
/*
.single-post h2.wp-block-post-title {
    position: absolute;
    z-index: 10;
    margin-left: 50vh;
    margin-top: -50vh;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
}
.wp-container-3.wp-block-group {
    margin-block-start: 0;
}
*/


/**
 *
 **/
 .wp-block-query-title {
    font-family: var(--wp--preset--font-family--source-serif-pro);
    font-size: var(--wp--custom--typography--font-size--gigantic);
    font-weight: 300;
    line-height: var(--wp--custom--typography--line-height--small);
}


/* 
** Contact Form 7 Styles 
*/
form p label {
    width: 90% !important;
    display: block;
}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 1px solid;
}
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(0, 69, 112, 0.9);
    outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
}
/* 
** Button Styles 
*/
input.wpcf7-form-control.wpcf7-submit {
    background-color: #004570 ;
    border: 0;
    color: #fff;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}