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

	Theme Name: Oaknut
    Text Domain: oaknut
	Version: 1.0
	Description: Oaknut is a block theme designed to help you create Linktree-esque profile pages. Get up and running quickly with one of the 23 prebuilt theme styles, or create your own design with the 14 fonts and 8 button styles included in the theme. Oaknut is built to be fast, easy to use, and fun!
	Tags: one-column, custom-background, custom-colors, custom-logo, editor-style, translation-ready, block-styles, wide-blocks, full-site-editing
	Author: Anders Norén
	Author URI: https://andersnoren.se
	Theme URI: https://andersnoren.se/teman/oaknut-wordpress-theme/
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Requires PHP: 5.6
	Tested up to: 6.1

	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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

:root {
	--oaknut-shape-angle: polygon(.44em 0%, 100% 0%, calc(100% - .44em) 100%, 0% 100%);
	--oaknut-shape-bevel: polygon( .44em 0%, calc(100% - .44em) 0%, 100% .44em, 100% calc(100% - .44em), calc(100% - .44em) 100%, .44em 100%, 0% calc(100% - .44em), 0% .44em );
	--oaknut-shape-chevron-left: polygon(100% 0%, calc( 100% - .88em ) 50%, 100% 100%, .88em 100%, 0% 50%, .88em 0%);
	--oaknut-shape-chevron-right: polygon(calc( 100% - .88em ) 0%, 100% 50%, calc( 100% - .88em ) 100%, 0% 100%, .88em 50%, 0% 0%);
	--oaknut-shape-pointed: polygon(.88em 0%, calc( 100% - .88em ) 0%, 100% 50%, calc( 100% - .88em ) 100%, .88em 100%, 0% 50%);
	--oaknut-shape-rabbet: polygon(0% .44em, .44em .44em, .44em 0%, calc(100% - .44em) 0%, calc(100% - .44em) .44em, 100% .44em, 100% calc(100% - .44em), calc(100% - .44em) calc(100% - .44em), calc(100% - .44em) 100%, .44em 100%, .44em calc(100% - .44em), 0% calc(100% - .44em));
	--oaknut-shape-ribbon: polygon(0% 0%, 100% 0%, calc( 100% - .88em ) 50%, 100% 100%, 0% 100%, .88em 50%);
}

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

a { text-underline-offset: .15em; }

/* ------------------------------------------- */
/* Blocks
/* ------------------------------------------- */

/* BLOCK: SHARED */

/* Block Style: Drop Shadow */ 

.wp-block-button.is-style-oaknut-drop-shadow .wp-block-button__link,
.is-style-oaknut-drop-shadow .wp-block-social-link {
	border: 2px solid;
	box-sizing: border-box;
	box-shadow: 0 1px currentColor, 0 2px currentColor, 0 3px currentColor, 0 4px currentColor, 0 5px currentColor, 0 6px currentColor;
}

/* Block Style: Angle Shape */ 

.is-style-oaknut-shape-angle .wp-block-button__link,
.is-style-oaknut-shape-angle .wp-block-social-link {
	-webkit-clip-path: var( --oaknut-shape-angle );
	clip-path: var( --oaknut-shape-angle );
}

/* Block Style: Bevel Shape */ 

.is-style-oaknut-shape-bevel .wp-block-button__link,
.is-style-oaknut-shape-bevel .wp-block-social-link {
	-webkit-clip-path: var( --oaknut-shape-bevel );
	clip-path: var( --oaknut-shape-bevel );
}

/* Block Style: Rabbet Shape */ 

.is-style-oaknut-shape-rabbet .wp-block-button__link,
.is-style-oaknut-shape-rabbet .wp-block-social-link {
	-webkit-clip-path: var( --oaknut-shape-rabbet );
	clip-path: var( --oaknut-shape-rabbet );
}

/* BLOCK: BUTTON */

.wp-block-button[class*="shape-angle"] > *:not([style*='border-radius']),
.wp-block-button[class*="shape-bevel"] > *:not([style*='border-radius']),
.wp-block-button[class*="shape-chevron"] > *:not([style*='border-radius']),
.wp-block-button[class*="shape-pointed"] > *:not([style*='border-radius']),
.wp-block-button[class*="shape-rabbet"] > *:not([style*='border-radius']),
.wp-block-button[class*="shape-ribbon"] > *:not([style*='border-radius']) {
	border-radius: 0;
}

/* Block Style: Chevron Left Shape */ 

.is-style-oaknut-shape-chevron-left .wp-block-button__link {
	-webkit-clip-path: var( --oaknut-shape-chevron-left );
	clip-path: var( --oaknut-shape-chevron-left );
}

/* Block Style: Chevron Right Shape */ 

.is-style-oaknut-shape-chevron-right .wp-block-button__link {
	-webkit-clip-path: var( --oaknut-shape-chevron-right );
	clip-path: var( --oaknut-shape-chevron-right );
}

/* Block Style: Pointed Shape */ 

.is-style-oaknut-shape-pointed .wp-block-button__link {
	-webkit-clip-path: var( --oaknut-shape-pointed );
	clip-path: var( --oaknut-shape-pointed );
}

/* Block Style: Ribbon Shape */ 

.is-style-oaknut-shape-ribbon .wp-block-button__link {
	-webkit-clip-path: var( --oaknut-shape-ribbon );
	clip-path: var( --oaknut-shape-ribbon );
}

/* BLOCK: COVER */

:root .wp-block-cover .wp-block-cover__inner-container {
	color: inherit;
}

/* Block Style: Space Between */

.wp-block-cover.is-style-oaknut-space-between .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: inherit;
}

/* BLOCK: SOCIAL LINKS */

.wp-block-social-links.is-style-default .wp-block-social-link-anchor,
.wp-block-social-links:not([class*="is-style-pill-shape"]):not([class*="is-style-logos-only"]) .wp-block-social-link-anchor {
	padding: .41em;
}

/* Block Style: Shapes */

.wp-block-social-links[class*="is-style-oaknut-shape"] .wp-block-social-link {
	border-radius: 0;
}

/* Block Style: Rounded Shape */

.wp-block-social-links.is-style-oaknut-shape-rounded .wp-block-social-link {
	border-radius: 6px;
}
.fgallery .row .col-lg-12{
	display:none !important;
}
.fgallery .row .col-lg-12:first-child{
	display:block !important;
}

.oplink {
    /* display: block; */
    border: 1px solid #fff!important;
    padding: 15px;
    text-align: center;
    text-decoration: none!important;
    color: #86a5e8 !important;
    height: 118px;
    display: block;
}

.oplink span{
	display:block;
	text-align:center;
}
		    .oplink br,  .oplink p{
		        display:none;
		    }
		    .oplink  .uploadicom, .oplink  .linkicon, .oplink  .emailicon{
		        width:50px !important;
		        margin:0 auto 10px auto;
		    }
		    .oplinkactive, .oplink:hover{
   border: 1px solid #81a3e6 !important;
    color: #fff !important;
    fill: #2e59b6 !important;
    background: #335499 !important;
}
.oplinkactive span{
   color:#fff !important; 
}
.fileuploadwrap, .emailwrap, .customlinkwrap {
    padding: 0px 0px 10px 0px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.wpcf7 input[type=submit] {
    background-color: #0048db;
    border: none;
    padding: 15px 30px;
    color: #fff;
    float: right;
}

.wpcf7-submit {
    background: #6666f6 !important;
    color: #fff!important;
}
.wpcf7-submit:hover{
     background:#010818 !important;
}
.width35{
	width:35px !important;
	display:inline-block;
}
.width42l{
	width:42% !important;
	float:left;
}

.width70l{
	width:70% !important;
	float:left;
} 
.width42r{
	width:42% !important;
	float:right;
}
.width30left{
	width:30% !important;
	float:left;
	margin:1%;
}

 
.wpcf7-not-valid-tip {
        color: #fefb07;
    font-size: 1em;
    font-weight: normal;
    display: block;
    clear: both;
    width: 100%;
}
.bg1{
    background:#334d87;
}
.bg2{
    background:#2e426f;
}
.wpcf7-select{
	padding:15px;
	width:100%
}
.bg3{
    background:#152545;
    margin-bottom:25px;
}
.aform {
    padding: 25px 5% !important;
}
.wpcf7 input[type="file"] {
    cursor: pointer;
    padding: 15px;
    width: 100%;
    background: #203258;
}
.grecaptcha-badge{
	display:none !important;
}
@media only screen and (max-width: 1000px) and (min-width: 300px)  {
width:70%;
}